概述
CSS的white-space
屬性用於指定如何處理容器中的空白字符,例如:空格(
)、換行(\n
)、縮進(\t
)等。
white-space
出自CSS1,適用於塊狀元素,具有繼承性,支持IE 5.5+、Chrome、FireFox、Safari、Opera等所有主流瀏覽器,其默認值為normal
。
說明
white-space
支持normal
、pre
、nowrap
、pre-wrap
、pre-line
、inherit
等值。下面我們來詳細介紹這些值之間的區別。
值 | 描述 |
---|---|
normal | 默認。空白字符會被瀏覽器忽略。 |
pre | 空白字符會被瀏覽器全部保留。其行為方式類似 HTML 中的 <pre> 標簽。 |
nowrap | 文本不會換行,文本會在在同一行上繼續,直到遇到 <br> 標簽為止。 |
pre-wrap | CSS 2.1新增保留空白符序列,但是正常地進行換行。 |
pre-line | CSS 2.1新增合並空白符序列,但是保留換行符。 |
inherit | IE 不支持規定應該從父元素繼承 white-space 屬性的值。 |
JavaScript操作
white-space
在JavaScript中對應的屬性名稱為whiteSpace
,例如:
document.getElementById("p1").style.whiteSpace = "nowrap";
style
對象上的whiteSpace
屬性是可讀寫的,但是currentStyle
對象上的whiteSpace
屬性是只讀的。