如果你想要在 CSS 中取消一個 HTML 元素(比如段落 p 標簽)的自動換行,可以使用 white-space 屬性。該屬性用來設置空白符的處理方式。
p { white-space: nowrap; }
上述 CSS 代碼中的 nowrap 值會讓文本在其中一行上顯示,無論其有多長。
另外,如果你想讓一個行內元素同時取消換行和自動換行,可以使用 nowrap 值:
span { white-space: nowrap; }
如果你想讓元素保持它的原來樣子但不換行,可以使用 pre-wrap 或 pre-line 值。這種情況下,文本會根據父元素的寬度自動調整而不換行。
div { white-space: pre-wrap; }
最后,如果你想讓一塊文字不僅不換行,而且連空格都不能自動填充,可以使用 pre 值。這種情況下,文本將真正的按照你所寫的方式呈現。
pre { white-space: pre; }