CSS 是網頁開發中非常重要的一個組成部分，它可以控制網頁的樣式和布局。在排版時，文字的自適應是一個常見的問題。如果文字的長度超出了盒子的寬度，那么就會出現文字溢出的情況，這時候就需要用 CSS 來解決這個問題。 在 CSS 中，有一個屬性是 word-wrap，它可以用來控制文本的自動斷行。當 word-wrap 屬性設定為 wrap 時，如果一個單詞太長，那么它就會被自動斷開，并從新的一行開始。 例如，我們可以通過下面的代碼來讓文字撐開一個盒子：

.box {
width: 200px;
height: 100px;
border: 1px solid #ccc;
padding: 10px;
word-wrap: break-word;
}

在這個例子中，我們創建了一個名為 box 的盒子，并設置了它的寬度為 200px，高度為 100px，邊框為 1px 的實線，內邊距為 10px。為了讓文字可以自動換行，我們使用了 word-wrap 屬性并將其設定為 break-word。 接下來，在 HTML 中我們可以這樣使用這個盒子：

這是一段非常長的文本，它需要自動換行，并撐開盒子的大小。這是一段非常長的文本，它需要自動換行，并撐開盒子的大小。這是一段非常長的文本，它需要自動換行，并撐開盒子的大小。

在這個例子中，我們將這段長文本放到了一個 p 標簽中，并將其應用了名為 box 的 CSS 類。 總的來說，通過 CSS 的 word-wrap 屬性，我們可以輕松地讓文字自動換行，并從而撐開盒子的大小。這是一種非常實用的技巧，對于網頁設計和排版來說，也是必要的一項技能。