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