css 不换行超出...
时间: 2023-06-28 11:05:37 浏览: 88
CSS实现不换行/自动换行/文本超出隐藏显示省略号
如果您想让 CSS 中的文本在超出容器时不换行,可以使用以下 CSS 属性:
```
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
```
其中,`white-space: nowrap;` 用于防止文本换行,`overflow: hidden;` 用于隐藏超出容器的文本,`text-overflow: ellipsis;` 用于在超出容器时显示省略号。
例如,以下 CSS 代码可以使 `<div>` 元素中的文本在超出容器时显示省略号:
```css
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
```
阅读全文