在網(wǎng)頁(yè)開(kāi)發(fā)中，我們經(jīng)常需要設(shè)置文本的樣式，其中字體大小、顏色等屬性十分常見(jiàn)。但有時(shí)候我們的文字內(nèi)容會(huì)很長(zhǎng)，當(dāng)超過(guò)了一定長(zhǎng)度后，就會(huì)出現(xiàn)問(wèn)題：文字會(huì)從容器的邊緣溢出，破壞了展示效果。 CSS中提供了一種簡(jiǎn)單的方法解決這個(gè)問(wèn)題：允許我們強(qiáng)制文本換行。當(dāng)然，在技術(shù)術(shù)語(yǔ)中，這個(gè)換行現(xiàn)象叫做“自動(dòng)換行”。 如果您想讓文本在任何地方都換行，只需在CSS樣式表中對(duì)P標(biāo)簽（或其他內(nèi)含文本的標(biāo)記）的樣式類設(shè)置word-wrap屬性即可：

p {
word-wrap: break-word;
}

word-wrap有兩個(gè)可選值：normal和break-word。 “normal”是默認(rèn)值，表示文本不會(huì)自動(dòng)換行。除非遇到一些文本斷行標(biāo)記（如<br>標(biāo)簽），“normal”不會(huì)自動(dòng)分割文本。 “break-word”會(huì)在長(zhǎng)單詞和字符串時(shí)將文本分割，使文本適應(yīng)容器。 word-wrap的這種特性在響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)和移動(dòng)優(yōu)化方面非常有用。如果您編寫一個(gè)自適應(yīng)網(wǎng)站布局，您可能需要更改包含文字的容器的大小。由于不同屏幕尺寸和設(shè)備之間可能存在巨大的差異，您的文本可能需要在某些情況下分行，而在其他情況下自動(dòng)換行。word-wrap拉長(zhǎng)了自動(dòng)分割文本的生命周期，同時(shí)也幫助創(chuàng)造了一個(gè)更富吸引力的網(wǎng)站布局。 總之，CSS的自動(dòng)換行功能是一個(gè)實(shí)用特性，可以使文字更具吸引力，適應(yīng)網(wǎng)站設(shè)計(jì)的需要。它是一種修補(bǔ)效果，可以讓我們的內(nèi)容更清晰，更易于閱讀。 無(wú)論從哪個(gè)角度來(lái)看，使用word-wrap都是一種有用的技巧，值得探究。