简体中文
简体中文
# 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-line | 连续的空白符会被合并。在遇到换行符或 元素时，或者根据填充行框盒子的需要换行。 | |
| pre | 连续的空白符会被保留。仅在遇到换行符或 元素时才会换行。 | |
| pre-wrap | 连续的空白符会被保留。在遇到换行符或 元素时，或者根据填充行框盒子的需要换行。 | |
| break-spaces | 与 pre-wrap 的行为相同，除了： 任何保留的空白序列总是占用空间，包括行末的。 每个保留的空白字符后（包括空白字符之间）都可以被截断。 这样保留的空间占用空间而不会挂起，从而影响盒子的固有尺寸（最小内容——min-content——大小和最大内容——max-content——大小）。 |
# 默认值
normal
