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

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

作者/代码整理：懒人 (转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：2015-10-15

效果描述：

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

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

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

今天特意写了两个demo

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

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

使用方法：

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

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

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

声明：凡标题注明“懒人原生”二字，均为本站原创，非书面授权谢绝转载