white-space

语法:

white-space:normal | pre | nowrap | pre-wrap | pre-line

默认值normal

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

媒 体:视觉

取值:

normal:
默认处理方式。会将序列的空格合并为一个,内部是否换行由换行规则决定。
pre:
原封不动的保留你输入时的状态,空格、换行都会保留,并且当文字超出边界时不换行。等同 pre 元素效果
nowrap:
normal值一致,不同的是会强制所有文本在同一行内显示。
pre-wrap:
pre值一致,不同的是文字超出边界时将自动换行。
pre-line:
normal值一致,但是会保留文本输入时的换行。

说明:

指定元素是否保留文本间的空格、换行;指定文本超过边界时是否换行。
  • 对应的脚本特性为:whiteSpace

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: