在網頁設計中，CSS（層疊樣式表）起著至關重要的作用。它可以幫我們控制網頁中的文本、圖片、布局等各種樣式。但是，在處理文本時，我們有時候需要設置一些特殊的樣式，比如說當一行文本過長時，我們希望能夠自動換行，避免造成頁面錯亂。

這時候，我們就需要使用CSS中的“word-wrap”屬性了。這個屬性可以設置當一行文本超出容器的寬度時如何處理。

下面是一個例子：

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

在這個例子中，我們設置了一個容器高度為300px，邊框顏色為灰色，內部有10px的內邊距。而關鍵的是設置了“word-wrap:break-word;”，這個屬性的意思是當一行文本超出容器的寬度時，強制換行。

在實際使用中，我們也可以使用“overflow-wrap”屬性來達到同樣的效果。這個屬性和“word-wrap”類似，用法也一樣。

我們可以將這兩個屬性結合起來使用，以確保在各種瀏覽器和設備上都能正常顯示：

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

總的來說，CSS的“word-wrap”和“overflow-wrap”屬性可以幫助我們很好地控制文本的換行，避免出現頁面錯亂的情況。