CSS white-space 属性
实例
演示 white-space 属性的不同值：
p.a {
white-space: nowrap;
}
p.b {
white-space: normal;
}
p.c {
white-space: pre;
}
亲自试一试 »
white-space: nowrap;
}
p.b {
white-space: normal;
}
p.c {
white-space: pre;
}
定义和用法
white-space 属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
| 默认值: | normal |
|---|---|
| 继承性: | yes |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS1 |
| JavaScript 语法: | object.style.whiteSpace="nowrap" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| white-space | 1.0 | 8.0 | 3.5 | 3.0 | 9.5 |
语法
white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| normal | 连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。 | 亲自试一试 » |
| nowrap | 和 normal 一样，连续的空白符会被合并。但文本内的换行无效。 | 亲自试一试 » |
| pre | 连续的空白符会被保留。在遇到换行符或者 <br> 元素时才会换行。 | 亲自试一试 » |
| pre-line | 连续的空白符会被合并。在遇到换行符或者 <br> 元素，或者需要为了填充「行框盒子(line boxes)」时会换行。 | 亲自试一试 » |
| pre-wrap | 连续的空白符会被保留。在遇到换行符或者 <br> 元素，或者需要为了填充「行框盒子(line boxes)」时才会换行。 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关页面
CSS 教程: CSS 文本
HTML DOM 参考手册: whiteSpace 属性
