CSS 参考手册 目录

CSS white-space 属性

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

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

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

示例代码

- -
  ------------ -------
-

--- -
  ------------ -------
-

---- -
  ------------ ----
-

--- -
  ------------ ---------
-

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

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


下一篇:CSS 参考手册