如何停用 HTML 中的自動換行？

關閉HTML 中的自動換行：詳盡指南

儘管許多Web 開發任務很容易，但某些細微差別可能會令人困惑。其中一項挑戰是在 HTML 中停用自動換行，這可能會幹擾您想要的內容呈現。

CSS 自動換行的神秘本質

CSS 自動換行屬性提供對元素內文字換行方式的控制。預設情況下，它設定為“正常”，允許文字根據需要換行。然而，當強制使用“break-word”時，沒有明確的路徑來明確地停用它。

輸入空白救世主

CSS 空白在這種情況下，屬性可以發揮作用。它控制如何在元素內處理空白（包括換行符號）。

停用使用空白自動換行：nowrap

套用空白：nowrap 值指示瀏覽器防止文字換行。這意味著無論元素的寬度如何，行都將無限期地繼續而不會中斷。

使用空白： pre 表示保留的空白

另一個選項是空白：預先。此設定保留元素內所有現有的空白，包括換行符號。然而，與 nowrap 不同的是，它允許文字在指定寬度內自然流動。

其他注意點：

• 當您想要將文字保留在一行上，即使它超出了元素的寬度。
• 保留時使用空白：pre原始格式（包括換行符）至關重要。
• 兩個空白值與其他 CSS 屬性結合使用來控製文字版面。

以上是如何停用 HTML 中的自動換行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！