-webkit-line-clamp 多行文字溢出...
2017-03-15 17:54
218 查看
近日发现在写多行溢出省略号显示时,发现一个bug,就是比如说,我现在要超过2行省略号显示,结果你猜出现了什么诡异的事,省略号出现时总体的高度居然要比单独2行的高度加起来少那么2个px。。。。导致动态换数据的时候出现抖动~~~
我类个去,见鬼了,小编调了好久都没弄好,最后发现应该是浏览器的bug,因为chrome 下是好的,而微信开发者工具却,,,呵呵了。
图1
图2
真伤脑经。。。。
后面直接给这行文字加了个高度height: 3em; 就阔以了,,但总觉得这个办法不是很灵活,不知道大家有什么好办法
我类个去,见鬼了,小编调了好久都没弄好,最后发现应该是浏览器的bug,因为chrome 下是好的,而微信开发者工具却,,,呵呵了。
图1
图2
真伤脑经。。。。
后面直接给这行文字加了个高度height: 3em; 就阔以了,,但总觉得这个办法不是很灵活,不知道大家有什么好办法
相关文章推荐
- -webkit-line-clamp下多行文字溢出点点点...
- -webkit-line-clamp实现多行文字溢出隐藏显示省略号
- -webkit-line-clamp下多行文字溢出点点点...显示实例页面
- -webkit-line-clamp 多行文字溢出...
- -webkit-line-clamp 多行文字溢出...
- -webkit-line-clamp 实现限制文字显示多行省略(CSS 多行省略)
- -webkit-line-clamp 控制文字显示多行,多出部分显示省略号
- CSS3文字超出两行或者多行显示省略号-webkit-line-clamp属性
- -webkit-line-clamp 实现限制文字显示多行,多余的用...代替
- CSS3 块级元素,文本溢出操作 -webkit-line-clamp
- 单行文本和多行文本--文字溢出
- 关于单行文字,多行文字溢出隐藏时 css jq处理方法 兼容各个浏览器
- 多行文字如何使用省略号表示溢出文本
- clamp.min.js实现多行溢出显示省略号
- 多行文字溢出显示省略号
- 关于多行文字,溢出省略的问题
- 多行文字溢出解决方案
- 关于单行和多行文字溢出用省略号表示
- 多行文字溢出显示省略号函数
- DIV多行文字显示不下溢出时显示...的css样式