在網(wǎng)頁(yè)設(shè)計(jì)中，我們常常會(huì)遇到這樣的情況：文本太長(zhǎng)，超出了容器的寬度，導(dǎo)致文字被截?cái)喽覠o(wú)法正常顯示。那么這個(gè)時(shí)候，我們?cè)撛趺崔k呢？

這時(shí)候，我們通常會(huì)使用CSS中的一個(gè)屬性——word-wrap來(lái)處理這個(gè)問(wèn)題。word-wrap有兩個(gè)可選值：

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

word-wrap: normal;

這是默認(rèn)值，意思是讓單詞換行，如果超出容器大小，那么將會(huì)截?cái)鄦卧~。在這個(gè)模式下，文本將會(huì)按照自然單詞斷行顯示。

word-wrap: break-word;

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

下面是一個(gè)例子，演示了如何使用word-wrap屬性來(lái)處理文本溢出的問(wèn)題：

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

在這個(gè)例子中，當(dāng)容器大小不夠時(shí)，文本將會(huì)在單詞的任何字符之間換行，保證你的文本在合適的地方斷行。

總之，word-wrap屬性是解決文本溢出問(wèn)題的一個(gè)簡(jiǎn)單有效的方法，能夠讓你的網(wǎng)頁(yè)更加美觀和易讀。希望本文對(duì)于你的CSS學(xué)習(xí)有所幫助。