在網頁開發中，我們經常會用到 CSS 樣式來控制文字的顯示方式。其中，有一個很重要的功能就是字符自動換行。

字符自動換行是指當一行所顯示的文字超出了容器的寬度時，自動將多余的文字換行到下一行以保證排版的整潔。

在 CSS 樣式中，我們可以使用

word-wrap

屬性來控制字符自動換行的方式。該屬性有兩個屬性值：

word-wrap: normal; /* 默認值，不自動換行 */
word-wrap: break-word; /* 自動換行 */

其中，

break-word

屬性值表示當文字超出容器寬度時，自動進行分詞，并將單詞分隔開來換行，保證排版的美觀。

除

word-wrap

屬性外，我們還可以使用

white-space

屬性來控制文本的換行方式，該屬性的屬性值有以下幾種：

white-space: normal; /* 默認值，按照 HTML 中的空格、換行符等展示 */
white-space: nowrap; /* 不換行 */
white-space: pre; /* 保留 HTML 中的格式，不換行 */
white-space: pre-wrap; /* 保留 HTML 中的格式，并可換行 */

在實際應用中，我們需要根據不同的場景和需求選擇合適的

word-wrap

和

white-space

屬性值來完成字符自動換行的效果。