纯CSS实现:文字过长超出部分以...显示,以及解决text-overflow: ellipsis;不生效的问题
在项目中,我们经常会遇到与后台进行数据交互时,获取到的数据超出自己预留空间范围。
一般的处理方式是将超出部分以...的形式展示。
这就使用到了CSS中的 text-overflow 属性,这个属性有3个属性值:
clip:修剪文本。
ellipsis:显示省略符号来代表被修剪的文本。
string:使用给定的字符串来代表被修剪的文本。
我们要使用的就是text-overflow: ...
原创
2019-03-04 14:53:13 ·
4546 阅读 ·
0 评论