首页 > 代码库 > 限制两行显示,超出部分省略号

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

想做的效果如下显示:

技术分享

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

技术分享

效果如下图:

技术分享

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

 

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