限制两行显示,超出部分省略号

想做的效果如下显示:

这里我们使用webkit的私有属性来做,代码如下:

效果如下图:

需要注意的是P标签高度正好是2行文字的高度,如果高度是3行文字的高度,虽然第二行末尾有省略号,但是第三行文字还是会显示出来,这样的话效果还是挺怪的。

原文地址:https://www.cnblogs.com/learnings/p/5901013.html