在CSS中，我們可以通過(guò)設(shè)置white-space屬性來(lái)控制文本自動(dòng)換行，我們可以將white-space屬性設(shè)置為pre-line或pre-wrap來(lái)實(shí)現(xiàn)自動(dòng)換行效果。

pre-line此值會(huì)保留源文本中的空白符（如空格和換行符），并允許文本自動(dòng)換行。

pre-wrap此值會(huì)保留源文本中的空白符，并允許文本在單詞間自動(dòng)換行。

假設(shè)我們有一個(gè)HTML元素如下：

<div class="my-div">這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行，這是一個(gè)很長(zhǎng)的文本，需要在單詞間自動(dòng)換行。",
    "class": "my-div"
  }
}

我們可以通過(guò)設(shè)置CSS樣式來(lái)實(shí)現(xiàn)自動(dòng)換行的效果：

.my-div {
  white-space: pre-wrap;
}

這樣設(shè)置后，當(dāng)瀏覽器渲染該元素時(shí)，"pre-wrap"值會(huì)保留源文本的空白符并允許在單詞之間自動(dòng)換行。"pre-line"值則會(huì)保留源文本的空白符并允許在任意位置（包括源文本的末尾