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