css强制文字不换行实现代码

html-css016

css强制文字不换行实现代码,第1张

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

CSS设置不转行:

overflow:hidden

隐藏

white-space:normal

默认

pre

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

nowrap

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

br

对象

例,强制不换行

代码如下

div{

white-space:nowrap

}

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

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

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

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