CSS 代碼中,有一種語句可以讓文本強制換行,就像<br>標簽一樣,它就是<br>
。
p { white-space: pre-line; }
這個CSS 語句中,white-space
屬性用于控制空格和換行符的處理方式,我們設置它為pre-line
,意思是保留空格和換行符,但不保留多余的空格,而文本即使沒有在HTML中給定換行都會根據容器寬度自動換行。
使用white-space
屬性我們也可以在同一行中將文本分隔開,就像<pre>
標簽一樣,舉個例子:
.full-name { white-space: pre; }
那么我們給
標簽使用white-space: pre-line;
和使用<br>
標簽有什么區別呢?
看下面這段代碼:
<p>Hello,<br>world!</p>
在視覺上,這個段落中的文本會被分成兩行。但是在HTML文檔中,它們是在同一行中,因為<br>
標簽只是一個強制換行的標記。所以,如果你需要在不同的行內展示文本,一個好的方式是使用<br>
中斷開兩個段落,就像這樣:
<p>Hello,</p> <p>world!</p>
相反,如果你對行的數量沒有要求,white-space: pre-line;
就是一個很好的選擇。它可以讓瀏覽器在構建 HTML 時自動處理行,并在整個文本中處理換行和空格。這樣,你就可以減少不必要的標記,并使文檔更易于維護。
上一篇mysql的外鍵怎么設
下一篇css 代碼片段