CSS是網(wǎng)頁(yè)中重要的樣式表語(yǔ)言，可以很好地控制頁(yè)面中的各個(gè)元素。在CSS中，對(duì)于文字的自助換行有兩種方法，分別是word-wrap和word-break。

word-wrap是控制超長(zhǎng)單詞在換行時(shí)的處理方式。默認(rèn)情況下，當(dāng)一個(gè)單詞不能完全顯示在一行時(shí)，它會(huì)被換到下一行。但如果這個(gè)單詞非常長(zhǎng)，它可能會(huì)撐爆一個(gè)小的塊級(jí)元素，這時(shí)就需要使用word-wrap。設(shè)置word-wrap為break-word時(shí)，當(dāng)一個(gè)單詞長(zhǎng)度超過(guò)容器的寬度時(shí)，它會(huì)被強(qiáng)制換行，從而保證整個(gè)單詞能夠在容器內(nèi)完全顯示。

p {
word-wrap: break-word;
}

word-break用來(lái)指定一個(gè)單詞不能在當(dāng)前行完全顯示時(shí)的處理方式。默認(rèn)情況下，當(dāng)一個(gè)單詞不能完全顯示在一行中時(shí)，它會(huì)被移到下一行。但是如果這個(gè)單詞非常長(zhǎng)，則可能會(huì)撐破整個(gè)容器。使用word-break屬性可以解決這個(gè)問(wèn)題，在單詞內(nèi)部的某個(gè)點(diǎn)強(qiáng)制進(jìn)行換行。

p {
word-break: break-all;
}

總的來(lái)說(shuō)，word-wrap和word-break是處理文字自助換行的兩種有效方法。通過(guò)合理地使用這兩種方法，可以使網(wǎng)頁(yè)中的文字在不同設(shè)備和瀏覽器上都能得到合理的展示。