CSS換行標(biāo)簽文章

在網(wǎng)頁中，換行是非常常見的操作。默認(rèn)情況下，在HTML中寫入的文本全部連在一起，如果需要換行，需要使用br標(biāo)簽或在p標(biāo)簽中使用換行符。

但是，在CSS中也提供了一些標(biāo)簽可以用來控制換行。今天我們來學(xué)習(xí)一下CSS中的換行標(biāo)簽。

word-break屬性

word-break屬性用來控制單詞的換行。默認(rèn)情況下，當(dāng)一個(gè)單詞到達(dá)行末時(shí)，會(huì)將整個(gè)單詞移到下一行。可以使用word-break屬性來強(qiáng)制將單詞劃分為不同的行。

p {
word-break: break-all;
}

white-space屬性

white-space屬性用來控制空白符（包括空格、制表符和換行符）的處理方式。可以將white-space屬性設(shè)置為pre-wrap，在保留換行符的同時(shí)，還能自動(dòng)換行。

p {
white-space: pre-wrap;
}

overflow-wrap屬性

overflow-wrap屬性用來控制文本是否可以在單詞內(nèi)部斷開。如果將其設(shè)置為break-word，則會(huì)在單詞內(nèi)部斷開。

p {
overflow-wrap: break-word;
}