在CSS中，我們經(jīng)常需要控制文字的排版，其中一個(gè)比較常見(jiàn)的需求就是將一段不允許換行的文字強(qiáng)制轉(zhuǎn)行。比如，我們可能會(huì)遇到以下的情況： 假設(shè)我們有一張400像素寬的圖片，而我們需要在圖片旁邊顯示一段描述性文字。如果這段文字過(guò)長(zhǎng)，那么它就會(huì)將圖片擠到下一行，這顯然不是我們想要的效果。我們希望這段文字能夠自動(dòng)轉(zhuǎn)行，以便完整地顯示在圖片旁邊。 那么，如何讓CSS強(qiáng)制轉(zhuǎn)行呢？答案是使用“word-break”屬性。 在CSS中，word-break屬性控制在何處允許單詞斷開(kāi)，并在什么位置換行。該屬性接受以下幾個(gè)值： - normal：默認(rèn)值，表示在單詞內(nèi)部斷開(kāi)（僅適用于非CJK字符）； - break-all：允許在任意字符處換行； - keep-all：只在CJK字符之間斷開(kāi)（如中文、日文和韓文）。 舉個(gè)例子，在以下的段落中，我們將一些文本放置在一個(gè)寬為200像素的div中：

這是一段比較長(zhǎng)的文本。如果文本內(nèi)容過(guò)多，那么就會(huì)超出div的寬度并將div撐破。我們需要對(duì)這段文本進(jìn)行強(qiáng)制轉(zhuǎn)行，否則就無(wú)法實(shí)現(xiàn)我們想要的效果。

如果我們想讓這段文本強(qiáng)制轉(zhuǎn)行，我們可以對(duì)p標(biāo)簽應(yīng)用以下CSS樣式：

p {
word-break: break-all;
}

這將允許文本在任意字符處換行，從而確保能夠完整地顯示在200像素寬的div中。 總的來(lái)說(shuō)，word-break是一個(gè)很有用的CSS屬性，它能夠幫助我們控制文本的排版和換行。只要我們知道如何使用它，就可以輕松地處理各種文本布局和顯示問(wèn)題。