white-space
属性用于控制元素中空白符的处理方式。在 HTML 中,连续的空白符(空格、换行符、制表符等)会被合并为一个空格,并且在页面渲染时会被忽略。通过设置 white-space
属性,可以改变默认的空白符处理方式,从而实现不同的文本排版效果。
值
white-space
属性可以接受以下几种值:
normal
:默认值,连续的空白符会被合并为一个空格,换行符会被视为换行。nowrap
:连续的空白符不会被合并,文本将在一行中显示,直到遇到换行符。pre
:连续的空白符不会被合并,保留原始的空白符,文本将按照源文件中的格式显示。pre-line
:连续的空白符会被合并为一个空格,但保留换行符,文本将按照源文件中的格式显示。pre-wrap
:连续的空白符不会被合并,保留原始的空白符和换行符,文本将按照源文件中的格式显示。
示例代码
- - ------------ ------- - --- - ------------ ------- - ---- - ------------ ---- - --- - ------------ --------- -
在上面的示例中,p
元素将按照默认的空白符处理方式显示,div
元素中的文本将在一行中显示,code
元素将保留原始的空白符格式,pre
元素将保留原始的空白符和换行符格式。
以上就是关于 white-space
属性的介绍,通过合适的设置,可以实现不同的文本排版效果。