white-space

  • 版本:CSS1
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

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

默认值normal

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

取值:

normal:
默认处理方式。
pre:
用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界时不换行。可查阅pre对象
nowrap:
强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象。
pre-wrap:
用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。
pre-line:
保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。

说明:

设置或检索对象内空格的处理方式。
  • 对应的脚本特性为whiteSpace

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
pre-wrap 6.0-7.0 2.0 -moz- 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+
8.0+ 3.0+
pre-line 6.0-7.0 2.0-3.0
8.0+ 3.5+

示例: