ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
# CSS white-space 属性 ## 实例 规定段落中的文本不进行换行: ``` p { white-space: nowrap } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有浏览器都支持 white-space 属性。 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。 ## 定义和用法 white-space 属性设置如何处理元素内的空白。 这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。 | 默认值: | normal | | --- | --- | | 继承性: | yes | | --- | --- | | 版本: | CSS1 | | --- | --- | | JavaScript 语法: | _object_.style.whiteSpace="pre" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | normal | 默认。空白会被浏览器忽略。 | | pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 &lt;pre&gt; 标签。 | | nowrap | 文本不会换行,文本会在在同一行上继续,直到遇到 &lt;br&gt; 标签为止。 | | pre-wrap | 保留空白符序列,但是正常地进行换行。 | | pre-line | 合并空白符序列,但是保留换行符。 | | inherit | 规定应该从父元素继承 white-space 属性的值。 | ## TIY 实例 [在元素中禁止文本折行](/tiy/t.asp?f=csse_text_white-space) 本例演示如何禁止在元素中的文本折行。 ``` <html> <head> <style type="text/css"> p { white-space: nowrap } </style> </head> <body> <p> 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 这是一些文本。 </p> </body> </html> ``` ## 相关页面 CSS 教程:[CSS 文本](/css/css_text.asp "CSS 文本") HTML DOM 参考手册:[whiteSpace 属性](/jsref/prop_style_whitespace.asp "HTML DOM whiteSpace 属性")