在網頁設計中，我們常常會遇到這樣的情況：文本太長，超出了容器的寬度，導致文字被截斷而且無法正常顯示。那么這個時候，我們該怎么辦呢？

這時候，我們通常會使用CSS中的一個屬性——word-wrap來處理這個問題。word-wrap有兩個可選值：

word-wrap: normal; 
word-wrap: break-word;

word-wrap: normal;

這是默認值，意思是讓單詞換行，如果超出容器大小，那么將會截斷單詞。在這個模式下，文本將會按照自然單詞斷行顯示。

word-wrap: break-word;

break-word的意思是打破單詞強制換行，如果容器大小不夠的話，將會在單詞中間斷行，即單詞內部斷行。在這個模式下，會在單詞的任何字符之間進行換行，保證你的文本在合適的地方斷行。

下面是一個例子，演示了如何使用word-wrap屬性來處理文本溢出的問題：

.container {
width: 400px;
word-wrap: break-word;
}
.content {
width: 500px;
}

在這個例子中，當容器大小不夠時，文本將會在單詞的任何字符之間換行，保證你的文本在合適的地方斷行。

總之，word-wrap屬性是解決文本溢出問題的一個簡單有效的方法，能夠讓你的網頁更加美觀和易讀。希望本文對于你的CSS學習有所幫助。