webkit-line-clamp属性
时间: 2023-08-08 11:04:30 浏览: 150
line-clipping
-webkit-line-clamp属性是一个用于控制多行文本溢出的CSS属性。它可以限制在一个块级元素中显示的文本行数,未被完全展示的行将会被用省略号“…”代替。该属性仅适用于单行文本和块级元素,并且需要与display: -webkit-box和-webkit-box-orient属性一起使用。例如,下面的代码可以限制一个div元素中显示的文本行数不超过3行:
```
div {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
```
值得注意的是,-webkit-line-clamp属性是一个WebKit私有属性,只能在WebKit浏览器中使用,其他浏览器需要使用类似的技术来实现相同的效果。
阅读全文