css 文本超出两行显示省略号 写出代码
时间: 2023-09-12 18:10:40 浏览: 97
CSS文本超出2行就隐藏并且显示省略号
5星 · 资源好评率100%
可以使用 CSS 属性 `text-overflow: ellipsis;` 实现文字超出两行显示省略号的效果。需要注意的是,这个属性需要和 `white-space: nowrap;` 和 `overflow: hidden;` 一起使用才能生效,代码如下:
```
/* 在指定容器中的文本超出两行后显示省略号 */
.container {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 100%;
/* 这里可以根据需要设置容器的宽度 */
}
```
其中,`.container` 是要应用这个效果的容器的类名,可以根据实际情况进行修改。
阅读全文