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 属性
