CSS实现文本溢出用省略号代替,在不同的页面宽度下,我们想要保证页面的布局不被打乱,那么我们就要对溢出的文字进行隐藏。
1、单行溢出的文字隐藏
overflow一定不要忘记了!!! 我们一起来看看效果
2、多行溢出的文字隐藏
多行溢出的文字隐藏就涉及到兼容性的问题了,目前只兼容webkit内核的浏览器
我们一起来看一下-webkit-line-clamp这个属性,目前我们写的是3,达到的效果是显示隐藏的效果在第三行,如果我们写2会不会变成第二行呢?
答案当然是 你写多少就会在第多少行显示,但是不能大于本身的显示行数。(根据值的大小自行调整)