在制作網頁或為網站添加內容時，我們可能遇到這種情況，當較長的英文字符串或數字字符串不會自動換行，從而撐破塊的寬度，這樣使得文檔的布局顯得非常凌亂，本文將會告訴你解決此類問題的方法。

實際上，在我們進行維護網頁時，當輸入的內容達到塊的寬度時，漢字可以很好地自動進行換行，而數字和英文字符不行，這主要是為了保持數字和英文串的完整性，但這會撐破塊的寬度，從而造成網頁布局非常難看，解決的方法就是借助樣式表中的word-wrap和word-break屬性。下面將介紹一下這兩個屬性：

（1）word-wrap用來控制換行：

其取值有兩種：normal和break-word

break-word用來強制換行，內容將在塊的邊界內換行，中文不會出現任何問題，英文語句也沒問題。但是對于長串的英文，不會起任何作用。

（2）word-break用來控制斷詞：

其取值有三種情況：normal，break-all和keep-all。

break-all是強制斷開單詞。使用本值時，在單詞到達塊的邊界時，下個字母自動到下一行。這個值就很好地解決了了長串英文的問題。

keep-all是指在中文（Chinese），日文（Japanese）和韓文（Korean）時不斷詞，一句話一行，使用此值可以用來排列古詩語句。

知道了讓面這兩個屬性及取值情況，我們的問題就很好地解決了，我們在需要進行換行的塊樣式中加入以下兩個樣式即可：

word-wrap:break-word;
word-break:break-all;