怎样让css控制文字禁止换行?

html-css023

怎样让css控制文字禁止换行?,第1张

\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里超宽的文字,第一个里面的被禁止换行,然后超宽的被截取了;第二个不做设置,于是自动换行了。

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

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

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

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