text-overflow属性

text-overflow属性有两个值,

默认值是clip:当对象内文本溢出时不显示裁切掉。

另一个就是:ellipsis:对象内文本溢出时显示省略标记(...)。

使用text-overflow:ellipsis需要注意:

必须跟overflow:hidden,white-space:nowrap,在一起使用。

以上是显示文本只显示一行然后省略 效果图:从前有座山,山上有个小和尚...

如果想要指定在第几行省略的话,需跟下面的属性配合使用:

overflow:hidden;

display:-webkit-box;

-webkit-line-clamp:2   /* 第几行裁剪*/

-webkit-box-orient:vertical

 

posted @ 2018-09-19 11:11  譬如朝露z  阅读(840)  评论(0编辑  收藏  举报