更新时间:2023-08-29 21:43
white-space,英语词组意思为空余空间,在计算机术语中的意思是泛空格符。white-space 属性设置如何处理元素内的空白。
这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
规定段落中的文本不进行换行:
p { white-space: nowrap }
所有浏览器都支持 white-space 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值
normal :默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行。
pre :用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。换行和其他空白字符都将受到保护。这个值需要IE6+或者!DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象。
nowrap :强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅td,div等对象的nowrap属性(特性)
设置或检索对象内空格字符的处理方式。
空格字符,像换行,空格,TAB,在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时,你可以使用不换行空格的命名实体 来添加空格,用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响是一样的。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。
示例:
p { white-space: nowrap; }
应用于:
IE5.5+ ADDRESSBLOCKQUOTEBODYCENTERCUSTOMDDDIVDLDTFIELDSETFORMHnHRISINDEXLILISTINGMENUOLPPLAINTEXTPREstyleULXMP
IE6.0+ currentSty
normal:轻轻地我走了正如我轻轻地来
pre:轻轻地我走了(这里接很多测试文字)正如我轻轻地来
pre - wrap:轻轻地我走了(这里接很多测试文字)正如我轻轻地来pre - line轻轻地我走了(这里接很多测试文字)正如我轻轻地来
nowrap:轻轻地我走了正如我轻轻地来