在網頁設計中，有時候我們需要讓一段文字自動換行，以適應不同的屏幕尺寸和設備。然而，在默認情況下，CSS的自動換行是會打斷單詞的。

例如，如果一行文本包含一個較長的單詞，而這行文本的寬度不足以完全容納這個單詞，那么這個單詞就會被打斷成兩個部分，分別出現在兩行文本中。這種情況不僅會影響美觀度，還可能影響文本的可讀性。

要解決這個問題，我們可以使用CSS的“word-wrap”屬性。該屬性允許我們控制文本何時換行，以及在哪里換行。

p {
word-wrap: break-word;
}

上面的代碼會使文本自動換行，同時避免打斷單詞。當一行文本的寬度不足以容納一個單詞時，該單詞會自動移到下一行。這種方法可以保證文本的可讀性，同時保證頁面美觀。此外，它還適用于各種不同的設備和屏幕尺寸，從而讓你的網站在各種情況下都能夠保持良好的閱讀體驗。