首页 > 其他 > 详细

多行文本溢出隐藏

时间:2017-07-24 14:16:56      阅读:386      评论:0      收藏:0      [点我收藏+]

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

技术分享

 

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

技术分享

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

技术分享

 

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

多行文本溢出隐藏

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!