在網(wǎng)頁設(shè)計和開發(fā)中，文本過長而未能自動換行顯示出來是很常見的問題。如果不采取措施，這些文本可能會超出頁面邊界或覆蓋到其他元素，導(dǎo)致頁面難以閱讀或丑陋不堪。為了解決這個問題，CSS提供了一些簡單的方法來讓文本在需要時自動換行。下面我們就來介紹一下如何使用CSS實現(xiàn)文本換行。 首先，我們需要知道CSS中的文本換行屬性：word-wrap和white-space。 word-wrap屬性控制文本是否允許在單詞內(nèi)換行。默認情況下，單詞不允許分割在兩行，并且只能在單詞之間斷行。如果設(shè)置word-wrap：break-word;則可以允許單詞被拆分成兩行顯示。 white-space屬性確定元素內(nèi)空格的處理方式和文本是否換行。默認情況下，white-space：normal;，元素中的空格會被忽略，文本會按照自然的方式換行。而white-space：nowrap;元素中的空格被保留，文本不會換行，如果文本的長度超過了元素的寬度，則文本將自動溢出。 注：normal屬性還有一個額外的值"-moz-pre-wrap;"，用于Firefox瀏覽器下相同的效果。 接下來，我們看一些實例代碼： 在此示例中，我們使用word-wrap來處理單詞內(nèi)斷行問題，同時使用white-space來控制文本是否允許在元素內(nèi)換行。pre標記告訴瀏覽器，這里的文本需要以相同的格式輸出，因此所有換行符都將被保留。 最后，我們需要注意的是，CSS樣式只能用于文本在元素內(nèi)換行的風(fēng)格，如果文本太長而導(dǎo)致元素溢出，則必須使用其他CSS屬性（如width，max-width等）來控制元素的尺寸以適應(yīng)將要顯示的文本。