在CSS中，默認情況下文本不會自動換行，它們將繼續(xù)填充其父元素的寬度直到達到邊緣。這意味著當文本內(nèi)容長度超過其寬度時，文本將溢出到環(huán)境中。

為了避免這種情況，我們可以使用CSS中的“word-wrap”和“white-space”屬性來控制文本的換行。

.word-wrap {
word-wrap: break-word; /* 當單詞超過范圍時，將單詞斷開并繼續(xù)填充文本框 */
}

上例代碼的效果是：當單詞長度超過其父元素的邊緣時，單詞將被切斷并繼續(xù)填充文本框，從而避免文字溢出到環(huán)境中。這種情況適用于短文本和長文本。

.white-space {
white-space: pre-wrap; /* 當文本內(nèi)容進行跨行時，將自動加入換行符并在文本框中處理 */
}

上述代碼的效果是：在文本中出現(xiàn)換行符時，文本內(nèi)容將自動將其作為一個換行符并在文本框中換行處理。這適用于多行文本和代碼塊。

如果想要更多的控制，我們可以使用CSS中的“overflow-wrap”和“text-overflow”屬性，以便對文本進行更細致的調(diào)整。

總之，控制文本換行對于頁面的外觀和可讀性非常重要。上述這些屬性可以幫助我們實現(xiàn)這一目標。