css一行文本溢出隐藏显示省略号
时间: 2023-10-13 12:26:41 浏览: 85
CSS文本超出2行就隐藏并且显示省略号
5星 · 资源好评率100%
你可以使用 CSS 的 `text-overflow` 属性来实现文本溢出隐藏,并用省略号表示未显示的文本。
具体来说,你可以使用以下 CSS 样式:
```css
.overflow-hidden {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
```
将该类应用于你想要应用该效果的元素即可。例如:
```html
<p class="overflow-hidden">这是一段很长很长的文本,当超出容器时将被省略显示。</p>
```
注意,这个效果只在有固定宽度的容器内才能生效。
阅读全文