CSS中的自動(dòng)換行是指，當(dāng)文本內(nèi)容超過(guò)容器的寬度時(shí)，瀏覽器自動(dòng)將文本進(jìn)行換行處理。我們可以使用CSS中的word-wrap屬性來(lái)實(shí)現(xiàn)這個(gè)功能。

/* 兼容性寫法 */
word-wrap: break-word; 
/* 將長(zhǎng)單詞或 URL 折斷到下一行 */

這個(gè)屬性的值有normal、break-word、initial和inherit。其中，break-word比較常用，這個(gè)值可以將長(zhǎng)單詞或URL折斷到下一行，而normal則會(huì)讓瀏覽器自動(dòng)縮短單詞或拉伸該行的寬度。

另外需要注意的是，我們也可以使用overflow-wrap屬性來(lái)實(shí)現(xiàn)自動(dòng)換行。這個(gè)屬性的值和word-wrap相同。

/* 兼容性寫法 */
overflow-wrap: break-word; 
/* 將長(zhǎng)單詞或 URL 折斷到下一行 */

總體而言，word-wrap和overflow-wrap的表現(xiàn)差異不大，只是在一些特殊情況下有所區(qū)別。如果我們需要實(shí)現(xiàn)自動(dòng)換行的效果，兩者都可以選擇。