div中英文無法自動換行的解決辦法介紹

我們為大家收集整理了關於div中英文無法自動換行的解決辦法，以方便大家參考。在一個設定好寬度的div中，當我們輸入的中文文字長度超過了設定寬度時，會自動換到下一行。

但是，如果輸入的是英文字母，那麼，無論你div設定寬度為多少，英文字母都是不換行直接在同一行輸出，導致div的寬度遠遠超出設定的大小。

原因：這是因為div中，英文字母之間沒有空格的話，它會默認認為這是一個英文單詞，所以單詞就一次輸出不換行。那麼，難道我們得在每個字母中間加入一個空格來解決這個問題麼?其實不用的，可以通過CSS實現。

解決辦法：在div的style中設定word-break:break-all;即可實現自動換行。添加後的div代碼大致如下

div中英文自動換行

<div style="word-break:break-all;width:20px“ >現在這裡的英文達到20px長度就會自動換到下一行了</div> 

希望大家可以學會div中英文無法自動換行的解決辦法.想了解更多精彩內容，請關注我們的網站!

相關推薦：

divcss立體滾動條亮邊的顏色介紹