CSS中有一種屬性可以控制文字的換行方式，它就是word-wrap屬性。 當(dāng)我們的文本內(nèi)容過(guò)長(zhǎng)，如果不進(jìn)行處理，會(huì)導(dǎo)致頁(yè)面布局出現(xiàn)異常，或者是內(nèi)容超出邊界。此時(shí)，我們可以通過(guò)使用CSS的word-wrap屬性，將文本進(jìn)行折行處理，讓它自動(dòng)適應(yīng)寬度。 該屬性有三種取值： 1. normal：默認(rèn)值，不自動(dòng)換行。 2. break-word：將過(guò)長(zhǎng)的單詞強(qiáng)制分隔到下一行顯示。 3. anywhere：允許將某些字母中斷，使它們跨過(guò)行結(jié)尾，在下一行繼續(xù)顯示該單詞。 以下是一個(gè)實(shí)例，展示了如何使用word-wrap屬性：

這是一段非常長(zhǎng)的文本內(nèi)容，如果不進(jìn)行處理，可能會(huì)導(dǎo)致頁(yè)面布局出現(xiàn)問(wèn)題，或者是內(nèi)容超出邊界。為了解決這個(gè)問(wèn)題，我們可以通過(guò)CSS的word-wrap屬性，將文本進(jìn)行自動(dòng)折行處理。

p {
width: 200px;
border: 1px solid #ddd;
padding: 10px;
word-wrap: break-word; /* 將過(guò)長(zhǎng)的單詞強(qiáng)制分隔到下一行顯示 */
}

以上代碼將會(huì)使得文本在超出容器寬度時(shí)自動(dòng)折行，并將過(guò)長(zhǎng)的單詞分隔到下一行顯示，從而達(dá)到了更好的閱讀效果。 總之，word-wrap屬性是一種非常實(shí)用的CSS技巧，可以使得我們的文本在文本過(guò)長(zhǎng)時(shí)能夠自動(dòng)適應(yīng)并顯示出來(lái)。需要注意的是，在應(yīng)用該屬性時(shí)，一定要考慮到其他可能的影響，并進(jìn)行適當(dāng)?shù)恼{(diào)整。