css文字三行显示省略号
时间: 2023-04-10 07:02:41 浏览: 603
CSS文本超出2行就隐藏并且显示省略号
5星 · 资源好评率100%
可以使用CSS的text-overflow属性来实现文字三行显示省略号。具体的实现方式如下:
```
/* 设置文本最多显示3行 */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
/* 显示省略号 */
text-overflow: ellipsis;
```
这样就可以实现文字最多显示3行,超出部分用省略号表示。
阅读全文