在網頁設計中，文字是必須的元素之一。但是隨著文字長度的增加，文字排版就會變得非常困難。這時候，CSS的自動換行功能就派上用場了。

實現文字自動換行并不難，只需要在CSS中加上一個屬性即可。下面是實現文字自動換行的代碼：

p {
word-wrap: break-word;
/* IE瀏覽器 */
white-space: -moz-pre-wrap;
/* Firefox瀏覽器 */
white-space: pre-wrap;
/* 其他現代瀏覽器 */
word-break: break-all;
}

代碼中，我們使用了四個屬性：

• word-wrap屬性：表示自動換行的方式。一般設置為break-word。
• white-space屬性：表示空格、制表符和換行符的處理方式。IE瀏覽器用的是-moz-pre-wrap，Firefox瀏覽器用的是pre-wrap，其他現代瀏覽器用的也是pre-wrap。
• word-break屬性：表示斷行方式。一般設置為break-all。

這樣，我們就實現了文字自動換行的效果。

總結一下，實現文字自動換行的原理就是通過對空格、制表符和換行符的處理以及斷行方式的調整，讓長文本內容自動分行排版。掌握這個技巧對于頁面排版和美化是十分有用的。