但是，如果輸入的是英文字母，那么，無論你div設(shè)定寬度為多少，英文字母都是不換行直接在同一行輸出，導(dǎo)致div的寬度遠(yuǎn)遠(yuǎn)超出設(shè)定的大小。

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

解決辦法：在div的style中設(shè)定word-break:break-all;即可實現(xiàn)自動換行。添加后的div代碼大致如下

div中英文自動換行

<div style=”word-break:break-all;width:20px“ >現(xiàn)在這里的英文達(dá)到20px長度就會自動換到下一行了</div>