码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-09-23 18:23:54      阅读:526      评论:0      收藏:0      [点我收藏+]

标签:

想做的效果如下显示:

技术分享

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

技术分享

效果如下图:

技术分享

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

 

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

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!