在編寫網頁時，CSS的樣式表扮演著非常重要的角色。其中，CSS標簽中的文字換行也是不可忽視的細節。

在CSS中，文字換行是由“word-wrap”和“white-space”兩個屬性控制的。其中，“word-wrap”用于確定是否允許單詞自動換行，而“white-space”則是用于控制頁面中的空格符是否會被換行。

word-wrap: break-word;   /* 允許單詞自動換行 */
white-space: pre-line;   /* 空格符會被換行 */

如果不設置“word-wrap”屬性，那么在單詞過長的情況下，該單詞將會貫穿整行并導致頁面布局混亂。例如：

p {
width: 200px;
border: solid 1px #ccc;
}
/* 效果如下圖所示 */
Thisisaverylongwordanditcannothelpbutrompallthewayacrossthepage ...

而當設置了“word-wrap”屬性為“break-word”時，單詞將會自動換行并保持整體性。例如：

p {
width: 200px;
border: solid 1px #ccc;
word-wrap: break-word;
}
/* 效果如下圖所示 */
Thisisaverylongwordanditcannothelpbutromp
allthewayacrossthepage ...

而對于“white-space”屬性的控制，如果沒有進行設置的話，空格符是不會被換行的。例如：

p {
width: 200px;
border: solid 1px #ccc;
}
/* 效果如下圖所示 */
這是一段    包含了很    多空    格的  文  字  ...

而當將“white-space”屬性設置為“pre-line”后，頁面中的空格符也會被正確地換行。例如：

p {
width: 200px;
border: solid 1px #ccc;
white-space: pre-line;
}
/* 效果如下圖所示 */
這是一段
包含了很
多空
格的
文
字 ...

了解了CSS標簽中文字換行的設置方法，我們就能夠更好地控制頁面的排版布局，展現更好的網頁效果。