想讓文字換行必須要寫的那幾個css樣式就略過了。當一行文字是數字或字母時或者數字字母組合時會出現不換行局面，這時候加個word-wrap:break-word；就基本可以解決但是有種情況是它解決不了的。

這里是項目中遇到的問題，朋友們如果沒遇見也沒事加深印象即可：前臺頁面用戶輸入文字的時候沒有換行沒有空格，文字傳給后臺，但是這些文字再一次原樣輸出（pre標簽）傳到前臺頁面時就會出現不換行的局面。

簡單的說就是<pre>標簽文字無法用word-wrap:break-word換行的。示例如下：

結果：

方法：在樣式里面加上white-space:pre-line或者white-space:pre-wrap就可以輕松解決

?

?

?

轉載于:https://www.cnblogs.com/wangmaoling/p/7744839.html

總結

以上是生活随笔為你收集整理的css文字换行问题white-space:pre-line或者white-space:pre-wrap，解决word-wrap:break-word解决不了的...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。