在進行網頁設計時，我們經常需要處理文本內容的排版，其中一個常見的問題就是長文本的換行。當一段文本過長，超出了容器的寬度，如果不進行任何處理，就會出現水平滾動條，影響頁面的美觀性和用戶的體驗。那么該如何解決這個問題呢？ 這時候，CSS中的換行屬性就派上用場了。使用換行屬性可以使超過容器寬度的長文本自動換行到下一行，不再出現水平滾動條。 CSS中的換行屬性有兩種：word-wrap和overflow-wrap。它們的作用相同，都是控制文本的換行方式。其中word-wrap已經被廢棄，推薦使用overflow-wrap。 下面我們來看具體的實現方法。首先，在容器元素的樣式里添加以下代碼： ```

.container {
width: 寬度值;
overflow-wrap: break-word;
}

``` 其中，width為容器的寬度值，overflow-wrap的值為break-word，表示在單詞之間斷開并自動換行。 需要注意的是，這種方法只能在包含單詞的情況下換行，如果文本中沒有空格或其他標點符號，則無法完成換行。如果需要完全根據字符進行換行，可以使用word-break屬性，將其值設置為break-all，但是這樣會破壞單詞的完整性，不太適合中文文本的排版。 綜上所述，使用overflow-wrap屬性可以很方便地解決長文本超出容器寬度的問題，使網頁的排版更加美觀、優雅，提高用戶的體驗。