CSS white-space 属性

white-space 属性用于控制元素中空白符的处理方式。在 HTML 中，连续的空白符（空格、换行符、制表符等）会被合并为一个空格，并且在页面渲染时会被忽略。通过设置 white-space 属性，可以改变默认的空白符处理方式，从而实现不同的文本排版效果。

值

white-space 属性可以接受以下几种值：

• normal：默认值，连续的空白符会被合并为一个空格，换行符会被视为换行。
• nowrap：连续的空白符不会被合并，文本将在一行中显示，直到遇到换行符。
• pre：连续的空白符不会被合并，保留原始的空白符，文本将按照源文件中的格式显示。
• pre-line：连续的空白符会被合并为一个空格，但保留换行符，文本将按照源文件中的格式显示。
• pre-wrap：连续的空白符不会被合并，保留原始的空白符和换行符，文本将按照源文件中的格式显示。

示例代码

// www.javascriptcn.com code example
p {
  white-space: normal;
}

div {
  white-space: nowrap;
}

code {
  white-space: pre;
}

pre {
  white-space: pre-wrap;
}

在上面的示例中，p 元素将按照默认的空白符处理方式显示，div 元素中的文本将在一行中显示，code 元素将保留原始的空白符格式，pre 元素将保留原始的空白符和换行符格式。

以上就是关于 white-space 属性的介绍，通过合适的设置，可以实现不同的文本排版效果。