div允许文字溢出但不换行
时间: 2023-08-03 13:15:23 浏览: 115
Firefox奇怪的文字溢出bug div里面的文字溢出
可以使用CSS中的`white-space`属性来控制文字溢出时的处理方式。
如果希望文字溢出但不换行,可以使用以下的CSS样式:
```
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
```
`white-space: nowrap`表示禁止元素内的文本换行,`overflow: hidden`表示超出元素的部分隐藏,`text-overflow: ellipsis`表示溢出部分用省略号代替。
这样设置后,当文字长度超出div元素的宽度时,就会显示省略号,而不是自动换行。
阅读全文