如下圖，白色區(qū)域內(nèi)的是我后臺(tái)讀取的內(nèi)容，很明顯超出了，但是沒有自動(dòng)換行

在這里添加一個(gè)樣式就行了：word-break: break-all;? 這是強(qiáng)制性換行樣式，他還有個(gè)兄弟?word-wrap:break-word;這兩者是有區(qū)別的；

1，word-break:break-all 例如div寬200px，它的內(nèi)容就會(huì)到200px自動(dòng)換行，如果該行末端有個(gè)英文單詞很長（congratulation等），它會(huì)把單詞截?cái)啵兂稍撔心┒藶閏onra(congratulation的前端部分)，下一行為tulation（conguatulation）的后端部分了。

2，word-wrap:break-word 例子與上面一樣，但區(qū)別就是它會(huì)把congratulation整個(gè)單詞看成一個(gè)整體，如果該行末端寬度不夠顯示整個(gè)單詞，它會(huì)自動(dòng)把整個(gè)單詞放到下一行，而不會(huì)把單詞截?cái)嗟舻摹?/p>

這是使用word-break: break-all的效果

這是使用word-wrap:break-word的效果

當(dāng)內(nèi)容不是單詞是效果沒啥區(qū)別的樣子，當(dāng)是單詞時(shí)就有區(qū)別了，就如他們介紹一般：

這是使用?word-break: break-all的效果

這是使用?word-wrap:break-word的效果

希望對你有所幫助！