这里以实现两行文本超出内容显示成省略号为例子。
首先需给所对应的文本给予宽高;
再输入以下代码:
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
其中如果想要实现多行,则将-webkit-line-clamp的值更改为要实现几行实现超出的文本显示成省略号的数字即可。
具体代码如下:
效果如下: