CSS自動(dòng)根據(jù)完整單詞斷行
在CSS中，有一個(gè)非常有用的屬性叫做“word-wrap”(或者是“overflow-wrap”，兩者等效)。這個(gè)屬性可以用來控制一個(gè)長單詞是否需要被分割成兩行(或更多)的下方，以適合內(nèi)容的寬度。
在默認(rèn)情況下，如果一個(gè)單詞的長度超出了它所在標(biāo)簽的寬度，這個(gè)單詞就會(huì)被自動(dòng)分割成兩行。這個(gè)過程完全是由瀏覽器自動(dòng)完成的，我們只需要在CSS中指定“word-wrap: break-word;”即可。
代碼演示：

p {
width: 200px;
word-wrap: break-word;
}

需要注意的是，該屬性是用來處理文本流的，因此它只適用于被包含在某個(gè)容器標(biāo)簽中的文本。如果你希望圖像和其他非文本元素的大小自適應(yīng)，你可能需要使用其他的技術(shù)，例如設(shè)置一個(gè)自適應(yīng)寬度或者使用JavaScript進(jìn)行分割。
總之，CSS中的“word-wrap”屬性是一個(gè)非常有用的技術(shù)，可以使你的網(wǎng)頁看上去更整潔、更美觀。如果你還沒有學(xué)會(huì)如何使用它，那么現(xiàn)在就趕快去學(xué)習(xí)吧！