在Web開發中，我們經常會遇到文本內容超出容器寬度的問題。使用CSS解決這個問題的方法之一是讓文本自動換行。下面我們來看一下如何使用CSS讓文字超出寬度時換行。
首先，我們需要給文本容器元素添加一個樣式屬性white-space: normal;。這個屬性告訴瀏覽器在文本里找到空格或斷點處進行換行。
接著，我們可以使用word-wrap: break-word;樣式屬性啟用“單詞自動換行”功能。這個屬性告訴瀏覽器要在單詞中斷的地方將文本自動換行，而不是等到單詞超出容器邊緣才換行。
下面是一個示例代碼，展示文本如何在超出寬度時自動換行：

<p style="white-space: normal; word-wrap: break-word; width: 200px;">
這是一段非常非常長的文本，它超出了容器的寬度。但是，我們使用了CSS讓它自動換行，所以它能夠在合適的位置換行，而不會讓整個頁面布局混亂。
</p>

如上所示，我們在樣式屬性中指定了文本容器的寬度為200px。當文本超出這個寬度時，它將會自動換行。
總之，使用CSS讓文本超出寬度時自動換行是讓頁面布局更美觀和易讀的重要技巧。我們可以通過使用white-space: normal;和word-wrap: break-word;樣式屬性來解決這個問題。