CSS 代碼中，有一種語句可以讓文本強(qiáng)制換行，就像<br>標(biāo)簽一樣，它就是<br>。

p {
white-space: pre-line;
}

這個(gè)CSS 語句中，white-space屬性用于控制空格和換行符的處理方式，我們?cè)O(shè)置它為pre-line，意思是保留空格和換行符，但不保留多余的空格，而文本即使沒有在HTML中給定換行都會(huì)根據(jù)容器寬度自動(dòng)換行。

使用white-space屬性我們也可以在同一行中將文本分隔開，就像<pre>標(biāo)簽一樣，舉個(gè)例子：

.full-name {
white-space: pre;
}

那么我們給

標(biāo)簽使用white-space: pre-line;和使用<br>標(biāo)簽有什么區(qū)別呢？

看下面這段代碼：

<p>Hello,<br>world!</p>

在視覺上，這個(gè)段落中的文本會(huì)被分成兩行。但是在HTML文檔中，它們是在同一行中，因?yàn)?code><br>標(biāo)簽只是一個(gè)強(qiáng)制換行的標(biāo)記。所以，如果你需要在不同的行內(nèi)展示文本，一個(gè)好的方式是使用<br>中斷開兩個(gè)段落，就像這樣：

<p>Hello,</p>
<p>world!</p>

相反，如果你對(duì)行的數(shù)量沒有要求，white-space: pre-line;就是一個(gè)很好的選擇。它可以讓瀏覽器在構(gòu)建 HTML 時(shí)自動(dòng)處理行，并在整個(gè)文本中處理換行和空格。這樣，你就可以減少不必要的標(biāo)記，并使文檔更易于維護(hù)。