CSS white-space 屬性
示例
演示 white-space 屬性的不同值
p.a {
white-space: nowrap;
}
p.b {
white-space: normal;
}
p.c {
white-space: pre;
}
自己動手試一試 »
定義和用法
white-space 屬性規定元素內的空白符如何處理。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| white-space | 1.0 | 8.0 | 3.5 | 3.0 | 9.5 |
CSS 語法
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| normal | 一系列的空白符會被合併成一個空格。文字會在必要時換行。這是預設值 | 演示 ❯ |
| nowrap（不換行） | 一系列的空白符會被合併成一個空格。文字永遠不會換到下一行。文字會繼續在同一行，直到遇到 <br> 標籤 | 演示 ❯ |
| pre | 空白符由瀏覽器保留。文字只會在換行時換行。作用類似於 HTML 中的 <pre> 標籤 | 演示 ❯ |
| pre-line | 一系列的空白符會被合併成一個空格。文字會在必要時換行，並在換行處換行 | 演示 ❯ |
| pre-wrap | 空白符由瀏覽器保留。文字會在必要時換行，並在換行處換行 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程： CSS 文字間距
HTML DOM 參考：whiteSpace 屬性
