基本語法
用法
這個屬性聲明建立布局過程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
默認值: | normal |
繼承性: | yes |
版本: | CSS1 |
JavaScript 語法: | object.style.whiteSpace="pre" |
實例
規定段落中的文本不進行換行:
p { white-space: nowrap }
瀏覽器支持
所有瀏覽器都支持 white-space 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
取值
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:輕輕地我走了正如我輕輕地來