CSS white-space 屬性 · W3School CSS 參考手冊

# 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 中的 <pre> 標簽。 | | nowrap | 文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標簽為止。 | | 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 屬性")