white-space

white-space:处理空白符,该属性会影响源文档中空格、换行、tab字符的处理,影响浏览器处理字之间和文本行之间的空白符(空格、换行、tab字符)的方式。

值:normal | nowrap | pre | pre-wrap | pre-line | inherit
初始值:normal
应用于 所有元素(css2.1); 块级元素(css1 和 css2)
继承性:无

white-space:normal(默认值)
把所有的空白符默认合并为一个空格,文字过长会自动换行
浏览器显示时,各个字之间只会显示一个空格,忽略元素中的换行(将换行转换为一个空格)。

white-space:nowrap
把所有的空白符默认合并为一个空格,并且保持不换行,除非使用一个
标签去手动换行
浏览器显示时,所有的空白符默认合并为一个空格,并且不会自动换行。

white-space:pre
保留所有空白符,但是文字过长不会自动换行
浏览器显示时,所有的空白符都显示正常,但是不会自动换行。

white-space:pre-warp(css2.1)
保留所有空白符,但是文字过长可以自动换行
浏览器显示时,所有的空白符都显示正常,但是可以自动换行。

white-space:pre-line(css2.1)
合并空白符序列(即为空格),保留换行符
浏览器显示时,所有的空白符都显示正常,但是可以自动换行。

总结表格:

值 空白符 换行符 自动换行
pre-line 合并 保留 允许
normal 合并 忽略 允许
nowrap 合并 忽略 不允许
pre 保留 保留 不允许
pre-wrap 保留 保留 允许

你可能感兴趣的:(white-space)