在網(wǎng)頁開發(fā)中，文本內(nèi)容很常見。而有些內(nèi)容太長，超出了容器的寬度，我們需要讓它自動換行。這時，CSS的“word-wrap”屬性就能派上用場了。

word-wrap屬性允許你指定怎樣在單詞內(nèi)斷開行。默認(rèn)值為normal，表示在不換行的情況下，假如超出了容器寬度，會把單詞折斷到下一行。如果將其設(shè)置為break-word，會在單詞間隔處強制換行。

/* 單詞折斷到下一行 */
p {
word-wrap: normal;
}
/* 單詞間隔處強制換行 */
p {
word-wrap: break-word;
}

在實際應(yīng)用時，我們可以對某個具體的元素設(shè)置word-wrap屬性，也可以在通用樣式表中設(shè)置body元素的word-wrap，以影響整個文檔。

/* 在body元素中設(shè)置word-wrap */
body {
word-wrap: break-word;
}
/* 針對某個具體的元素，覆蓋全局的樣式 */
#myElement {
word-wrap: normal;
}

通過設(shè)置“word-wrap”屬性為“break-word”，可以讓文本內(nèi)容在不超出容器的前提下自動換行，使得我們的頁面排版更加美觀。