如何设置css让元素不自动换行

html-css0172

如何设置css让元素不自动换行,第1张

关于css让元素换行限制如下：

1强制不换行 div{ white-space:nowrap}

2自动换行 div{ word-wrap: break-wordword-break: normal}

3强制英文单词断行 div{ word-break:break-all}

强制不换行，直接使用white-space:nowrap即可。

CSS设置不转行:

overflow:hidden

隐藏

white-space：normal

默认

pre

换行和其他空白字符都将受到保护

nowrap

强制在同一行内显示所有文本，直到文本结束或者遭遇

br

对象

例，强制不换行

代码如下

div{

white-space:nowrap

}

强制不换行

div{

white-space:nowrap

}

自动换行

div{

word-wrap: break-word

word-break: normal

}

强制英文单词断行

div{

word-break:break-all

}