想讓文字換行必須要寫的那幾個css樣式就略過了。當一行文字是數字或字母時或者數字字母組合時會出現不換行局面，這時候加個word-wrap:break-word；就基本可以解決但是有種情況是它解決不了的。
這里是項目中遇到的問題，朋友們如果沒遇見也沒事加深印象即可：前台頁面用戶輸入文字的時候沒有換行沒有空格，文字傳給后台，但是這些文字再一次原樣輸出（pre標簽）傳到前台頁面時就會出現不換行的局面。
簡單的說就是<pre>標簽文字無法用word-wrap:break-word換行的。示例如下：
結果：
方法：在樣式里面加上white-space:pre-line或者white-space:pre-wrap就可以輕松解決
