css中设置文本超出显示省略号属性
时间: 2023-10-13 22:11:52 浏览: 104
CSS文本超出div或者span时用省略号代替
要在CSS中设置文本超出显示省略号,可以使用以下属性:
```
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
```
其中,`text-overflow: ellipsis` 表示当文本溢出容器时,用省略号代替溢出的文本。`white-space: nowrap` 表示文本不换行,`overflow: hidden` 表示超出部分隐藏。
例如,下面的代码将一个宽度为200px的div中的文本超出时显示省略号:
```
div {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
```
阅读全文