如何在不使用 `` 標籤的情況下在 CSS 中建立換行符？

在沒有HTML 標籤的情況下在CSS 中實現換行

在網頁設計中，換行對於以有組織且可讀的方式呈現文字至關重要。傳統上，
標籤已用於建立換行符。但是，在某些情況下，希望在不使用

的情況下實現相同的輸出。問題：

我們如何在 CSS 中建立換行符而不使用使用
標籤？考慮以下範例：

<p>hello <br> How are you</p>

此程式碼產生以下輸出：

hello
How are you

解：

無需實現相同的輸出使用，可以套用CSS 屬性white-space: pre;。此屬性指示瀏覽器將元素的內容視為預先格式化文本，並保留換行符號。

在以下範例中，我們將 white-space: pre; 屬性套用到

。 element:

p {
  white-space: pre;
}

<p>hello 
How are you</p>

此程式碼將產生與
相同的換行行為。 tag:

hello
How are you

透過利用white-space: pre;，我們可以在CSS 中創建換行符，而無需額外的標記，從而簡化程式碼並保持更語義化的方法。

以上是如何在不使用 `` 標籤的情況下在 CSS 中建立換行符？的詳細內容。更多資訊請關注PHP中文網其他相關文章！