在使用CSS樣式表時(shí)，經(jīng)常會(huì)遇到需要在網(wǎng)頁中對文本進(jìn)行換行的情況，比如在一段較長的文本中需要在某個(gè)位置換行，或是在多個(gè)元素之間需要添加換行符。這時(shí)候可以使用CSS中的white-space屬性來改變元素的文本換行方式。

white-space屬性主要有以下取值：

white-space: normal;   /* 默認(rèn)值，合并連續(xù)的空白符為一個(gè)空格，并且忽略換行符 */
white-space: nowrap;   /* 禁止換行 */
white-space: pre;      /* 保留空白符。在遇到換行符時(shí)換行 */
white-space: pre-wrap; /* 保留空白符。在遇到換行符時(shí)換行 */
white-space: pre-line; /* 保留空白符。在遇到連續(xù)的換行符時(shí)換行 */

其中，pre、pre-wrap和pre-line三個(gè)值可以保留空白符，也就是將空格、制表符和換行符視為普通字符處理，不進(jìn)行合并或省略。而這三個(gè)值的不同在于“遇到換行符時(shí)換行”的具體表現(xiàn)方式。

下面是一個(gè)例子，演示了如何使用white-space屬性實(shí)現(xiàn)文本的換行：

<style>
p {
background-color: #f8f8f8;
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 20px;
}
.nowrap {
white-space: nowrap;
}
.pre {
white-space: pre;
}
.pre-wrap {
white-space: pre-wrap;
}
.pre-line {
white-space: pre-line;
}
</style>
<p>這是一段較長的文本，如果不進(jìn)行換行可能會(huì)導(dǎo)致顯示不正常。</p>
<p class="nowrap">這是一段禁止換行的文本，我們來看看會(huì)發(fā)生什么！如果我繼續(xù)填充一些內(nèi)容，會(huì)發(fā)現(xiàn)它會(huì)一直撐滿整個(gè)父容器，直到強(qiáng)制換行為止。</p>
<p class="pre">這是一段使用pre保留空白符的文本， 它不會(huì)忽略空格和換行符。</p>
<p class="pre-wrap">這是一段使用pre-wrap保留空白符的文本，它會(huì)自動(dòng)換行，但是保留原有的空格和換行符。</p>
<p class="pre-line">這是一段使用pre-line保留空白符的文本，它也會(huì)自動(dòng)換行，但是會(huì)忽略連續(xù)的空格和換行符。</p>

通過這個(gè)例子，我們可以看到不同取值的效果，并可以根據(jù)實(shí)際情況選擇合適的值來完成換行操作。