text-overflow: ellipsis什么意思
时间: 2024-03-18 08:42:41 浏览: 266
`text-overflow: ellipsis` 是一个 CSS 属性,用于控制当文本溢出容器时的显示方式。当设置为 `ellipsis` 时,文本溢出时会在末尾显示省略号,表示文本被截断了。该属性常用于限制文本长度,以防止它们在页面上占用过多的空间。
例如,如果你有一个固定宽度的 `div` 容器,并且想要在文本溢出时显示省略号,可以这样写:
```
div {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
```
这样,如果文本超出了 `div` 的宽度,它将被截断并在末尾显示省略号。注意,在使用 `text-overflow: ellipsis` 时,必须将 `white-space` 属性设置为 `nowrap`,以确保文本不会自动换行。
阅读全文