随便撸(www.suibianlu.com)精品网站源码,织梦建站模版,游戏源代码分享平台
当前位置:网站首页 js特效 网站常用 正文

懒人原生纯CSS多(单)行文本溢出用...代替效果

时间:2019-05-08 [网站常用]作者:木子10086

懒人原生纯CSS多(单)行文本溢出用...代替效果 第1张


效果描述:

在文字列表或者文章显示方面,我们经常碰到文字内容超过文本框的情况

这个时候往往需要将多余的文字以...的形式显示出来

之前跟大家推荐过单行文本如此情况

今天特意写了两个demo

demo1:单行文本超出以...显示

demo2:多行文本超出以...显示

使用方法:

1、将head中的样式复制到你的样式表中

2、将body中的代码部分拷贝过去即可

(IE版本浏览器兼容性较差,此效果尤其适合移动端)


本文标签:

转载请注明来源:懒人原生纯CSS多(单)行文本溢出用...代替效果

本文永久链接地址:https://www.suibianlu.com/14163.html

郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法链接失效或侵犯版权,请给我们来信:admin@suibianlu.com

Top