# white-space

CSS white-space 属性用于设置如何处理元素内的空白字符 (en-US)。

# uni-app x 兼容性

Web Android iOS HarmonyOS
4.0 4.0 4.11 4.61

# 语法

white-space: normal | pre | nowrap | pre-wrap | pre-line | break-spaces | [ <'white-space-collapse'> || <'text-wrap'> || <'white-space-trim'> ];

# white-space 的属性值

名称 兼容性 描述
normal
连续的空白符会被合并。源码中的换行符会被当作空白符来处理。并根据填充行框盒子的需要来换行。
nowrap
和 normal 一样合并空白符,但阻止源码中的文本换行。
pre
连续的空白符会被保留。仅在遇到换行符或
元素时才会换行。
pre-wrap
连续的空白符会被保留。在遇到换行符或
元素时,或者根据填充行框盒子的需要换行。
pre-line
连续的空白符会被合并。在遇到换行符或
元素时,或者根据填充行框盒子的需要换行。
break-spaces
与 pre-wrap 的行为相同,除了:

任何保留的空白序列总是占用空间,包括行末的。
每个保留的空白字符后(包括空白字符之间)都可以被截断。
这样保留的空间占用空间而不会挂起,从而影响盒子的固有尺寸(最小内容——min-content——大小和最大内容——max-content——大小)。

# 默认值

normal

# 适用组件

# 参见