在編寫網(wǎng)站的過程中，我們常常會(huì)遇到這樣一個(gè)問題：文本內(nèi)容超出容器寬度而無法自動(dòng)換行，從而導(dǎo)致頁面布局混亂。這時(shí)候，我們需要用到CSS中的超出換行屬性。

word-break屬性用于控制單詞是否在行尾處換行，其可選值有：

word-break: normal; /* 默認(rèn)值，不換行 */
word-break: break-all; /* 強(qiáng)制在單詞內(nèi)換行 */
word-break: keep-all; /* 不在單詞內(nèi)換行 */

當(dāng)容器寬度不夠容納一個(gè)單詞時(shí)，break-all會(huì)強(qiáng)制在單詞內(nèi)換行，而keep-all會(huì)將整個(gè)單詞擠到下一行。然而，這兩種情況都有可能破壞文本的連續(xù)性。為了更好地控制換行，我們還可以用overflow-wrap屬性來實(shí)現(xiàn)非單詞內(nèi)的自動(dòng)換行。

overflow-wrap屬性，也稱為word-wrap，用于指定文本如何在容器內(nèi)斷行。其可選值有：

overflow-wrap: normal; /* 不換行 */
overflow-wrap: break-word; /* 非單詞內(nèi)換行 */

其中，break-word會(huì)在單詞內(nèi)換行（類似于break-all），同時(shí)還會(huì)對(duì)非單詞內(nèi)的連續(xù)字符串進(jìn)行換行。這樣可以保持文本連續(xù)性，同時(shí)保證容器寬度不會(huì)超出。在應(yīng)對(duì)不同的需求時(shí)，我們可以根據(jù)實(shí)際情況選擇不同的屬性值來控制文本的排版。