在編寫網頁時，我們經常使用CSS來布局網頁。但是，有時我們會發現，在英文單詞很長的情況下，CSS不會自動換行，導致頁面出現了橫向滾動條，影響用戶的閱讀體驗。 這是因為CSS中默認情況下，單詞是不會在中間斷開的，而是會在整個單詞到達邊界時換行。這對于英語等單詞長度較短的語言來說是沒有問題的，但是對于某些德語等單詞長度較長的語言來說，就會出現上述問題。 解決這個問題的方法有很多種，下面我們就來介紹其中的兩種方法。 方法一：使用word-wrap屬性 使用CSS中的word-wrap屬性可以實現單詞的換行。該屬性默認值為normal，即不自動換行。我們可以將其設置為break-word，即允許在單詞內部換行，從而實現英文單詞的自動換行。

p {
word-wrap: break-word;
}

方法二：使用hyphens屬性 使用CSS中的hyphens屬性也可以實現英文單詞的自動換行。該屬性默認值為none，不會自動換行。我們可以將其設置為auto或者manual，即允許自動或者手動換行。

p {
hyphens: auto;
}

需要注意的是，hyphens屬性不兼容IE瀏覽器，而word-wrap屬性兼容性較好。因此，在使用時需要根據實際需求來選擇。 以上就是解決CSS中英文單詞不會自動換行的兩種方法。希望本文能對大家有所幫助。