CSS按照單詞換行是一個很實用的功能。在設計頁面時，當一行文本長度超出容器寬度時，瀏覽器默認會在該行結尾處自動換行。然而，這通常會導致單詞被分裂成兩段，影響頁面的美觀度和可讀性。

.container {
width: 500px;
border: 1px solid #ccc;
padding: 10px;
word-wrap: break-word;
}

要解決這個問題，可以使用CSS的word-wrap屬性，并將其設置為break-word。這樣可以讓瀏覽器在單詞之間自動換行，使得每段文本都完整地顯示在頁面中。

需要注意的是，當容器寬度小于單個單詞的寬度時，單詞還是會被分裂成兩段。因此，設置容器寬度時需要考慮單詞長度的影響。