CSS 中的文字換行 在網頁設計中，經常需要對文字進行排版，使得文字能夠更好地呈現出來。其中，文字換行就是排版中的一個重要要素。 CSS 中的文字換行，可以通過 white-space 屬性或 word-wrap 屬性來實現。 white-space 屬性的值包括： - normal：默認值，即不強制換行。 - nowrap：不允許換行，如果單詞過長會溢出到容器外面。 - pre：保留空白符，允許換行。 - pre-wrap：保留空白符，允許換行。 - pre-line：合并空白符，允許換行。 其中，pre、pre-wrap 和 pre-line 三個值都可以保留空白符（空格、制表符等），而 normal 和 nowrap 則會忽略空白符。 下面是一個示例代碼：

<style>
/* 使用 white-space 屬性來控制文字換行 */
p {
white-space: pre-wrap;
}
</style>
<p>這是一段比較長的文本，如果不進行換行，就會變成一條長長的橫線。但是，如果使用 white-space 屬性，就可以讓文本在合適的位置進行換行，使得閱讀更加方便。</p>

除了 white-space 屬性之外，還有一個 word-wrap 屬性，其值包括： - normal：默認值，即不強制換行。 - break-word：允許換行，如果一個單詞太長會被截斷。 使用 word-wrap 屬性時，無論文本中是否有空格都會進行換行。 下面是一個示例代碼：

<style>
/* 使用 word-wrap 屬性來控制文字換行 */
p {
word-wrap: break-word;
}
</style>
<p>這是一段比較長的文本，如果不進行換行，就會變成一條長長的橫線。但是，如果使用 word-wrap 屬性，就可以讓文本在合適的位置進行換行，使得閱讀更加方便。</p>

需要注意的是，white-space 和 word-wrap 屬性只能作用于塊級元素，對于行內元素不起作用。如果需要在行內元素中實現換行，可以使用 \<br> 標簽。 總之，通過使用 white-space 和 word-wrap 屬性，以及 \<br> 標簽，可以非常方便地實現文字換行，使得網頁設計更加美觀和易于閱讀。