概述
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屬性是只讀的。
