CSS中，我們可以通過設(shè)置盒子的樣式來實(shí)現(xiàn)自動(dòng)換行，我們可以使用word-break屬性來控制盒子的內(nèi)容是否自動(dòng)換行。

假設(shè)我們有一個(gè)盒子，其樣式如下：

.box {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  word-break: break-all;
}

在這個(gè)樣式中，word-break: break-all;表示當(dāng)盒子的內(nèi)容超出其寬度時(shí)，會(huì)自動(dòng)換行，這樣，即使內(nèi)容超出盒子的寬度，也不會(huì)溢出到盒子外面，而是會(huì)自動(dòng)調(diào)整到下一行。

我們還可以使用white-space屬性來控制盒子內(nèi)的空白處理。white-space: pre-line;表示保留空白并自動(dòng)換行，而white-space: pre;則表示保留空白并禁止自動(dòng)換行。

通過word-break和white-space屬性，我們可以輕松地控制盒子的自動(dòng)換行行為。