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

html-css027

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

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

CSS设置不转行:

overflow:hidden

隐藏

white-space：normal

默认

pre

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

nowrap

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

br

对象

例，强制不换行

代码如下

div{

white-space:nowrap

}

\x0d\x0adiv{width:300pxborder:1px solid redmargin:10pxoverflow:hidden}\x0d\x0a.nowrap{white-space:nowrap}\x0d\x0a\x0d\x0a这是一段很长的文字，中间没有空格，也没有换行，它不会自动换行直到被截取掉\x0d\x0a这是一段很长的文字，中间没有空格，也没有换行，但它会自动换行\x0d\x0a\x0d\x0a上面两个div里超宽的文字，第一个里面的被禁止换行，然后超宽的被截取了；第二个不做设置，于是自动换行了。