css样式超出两行省略号
时间: 2023-12-08 15:34:24 浏览: 94
CSS文本超出2行就隐藏并且显示省略号
5星 · 资源好评率100%
可以使用CSS的`text-overflow`属性来实现文本超出两行显示省略号。具体实现可参考以下代码:
```css
.text {
display: -webkit-box; /* 将元素设为弹性伸缩盒子 */
-webkit-box-orient: vertical; /* 设置伸缩盒子的排列方式为垂直 */
overflow: hidden; /* 当文本超出时隐藏 */
text-overflow: ellipsis; /* 显示省略号 */
-webkit-line-clamp: 2; /* 显示2行文本 */
}
```
阅读全文