white-space
white-space CSS 屬性是用來設置如何處理元素中的空白。
語法
Formal syntax: normal | pre | nowrap | pre-wrap | pre-line
white-space: normal
white-space: nowrap
white-space: pre
white-space: pre-wrap
white-space: pre-line
normal
連續的空白符會被合并,換行符會被當作空白符來處理。填充line盒子時,必要的話會換行。
nowrap
和 normal 一樣,連續的空白符會被合并。但文本內的換行無效。
pre
連續的空白符會被保留。在遇到換行符或者
元素時才會換行。
pre-wrap
連續的空白符會被保留。在遇到換行符或者
元素,或者需要為了填充line盒子時才會換行。
pre-line
連續的空白符會被合并。在遇到換行符或者
元素,或者需要為了填充line盒子時會換行。
換行符 | 空格和制表符 | 文字轉行 | |
---|---|---|---|
normal | 合并 | 合并 | 轉行 |
nowrap | 合并 | 合并 | 不轉行 |
pre | 保留 | 保留 | 不轉行 |
pre-wrap | 保留 | 保留 | 轉行 |
pre-line | 保留 | 合并 | 轉行 |
參考
MDN
white-space