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

多行文本溢出隐藏

时间:2017-07-24 14:44:20      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:bre   需求   其他   ima   属性   技术分享   技术   多行   准备   

今天 突然接到开发的需求,需要一个段落的隐藏,于是理所应当的想到了 :text-overflow:ellipsis;overflow:hidden; 结果可想而知   只剩下第一行孤零零的杵在那,于是乎准备再加一个 word-break :break-all;强制换行 结果没逼用啊

技术分享

 

于是查了一会 发现了chrom 自带的css3属性 :

技术分享

 还是不错的 不过chrom好用了其他的呢 毕竟还要兼容ie 于是只能选择插件来实现了 : clamp.js 方法很简单:

技术分享

 

短短几行就能实现,还是很不错的

多行文本溢出隐藏

标签:bre   需求   其他   ima   属性   技术分享   技术   多行   准备   

原文地址:http://www.cnblogs.com/webMonk/p/7228497.html

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