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