複製鏈接
請複製以下鏈接發送給好友

white-space

鎖定
white-space,英語詞組意思為空餘空間,在計算機術語中的意思是泛空格符。white-space 屬性設置如何處理元素內的空白。
中文名
空餘空間
外文名
white-space

white-space基本語法

white-space用法

white-space white-space
這個屬性聲明建立佈局過程中如何處理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。
默認值:
normal
繼承性:
yes
版本:
CSS1
JavaScript 語法:
object.style.whiteSpace="pre"

white-space實例

規定段落中的文本不進行換行:
p { white-space: nowrap }

white-space瀏覽器支持

所有瀏覽器都支持 white-space 屬性。
註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

white-space取值

normal :默認值。默認處理方式。文本自動處理換行。假如抵達容器邊界內容會轉到下一行。
pre :等寬字體顯示預先格式化的文本。不合並字間的空白距離和進行兩端對齊。換行和其他空白字符都將受到保護。這個值需要IE6+或者!DOCTYPE 聲明為 standards-compliant mode 支持。如果 !DOCTYPE 聲明沒有指定為 standards-compliant mode ,此屬性可以使用,但是不會發生作用。結果等同於 normal 。參閲 pre 對象。
nowrap :強制在同一行內顯示所有文本,直到文本結束或者遭遇 br 對象。參閲td,div等對象的nowrap屬性(特性)

white-space説明

設置或檢索對象內空格字符的處理方式。
空格字符,像換行,空格,TAB,在HTML文檔中默認的是被忽略的。當此屬性設置為 normal 或者 nowrap 時,你可以使用不換行空格命名實體 來添加空格,用 br 元素來添加換行。此屬性對你使用文檔對象模型(DOM)操作的內容的影響與其對IE顯示內容的影響是一樣的。
此屬性作用於塊對象。
此屬性對於 currentStyle 對象而言是隻讀的。對於其他對象而言是可讀寫的。
對應的腳本特性為 whiteSpace 。
示例:
p { white-space: nowrap; }
應用於:
IE5.5+ ADDRESSBLOCKQUOTEBODYCENTERCUSTOMDDDIVDLDTFIELDSETFORMHnHRISINDEXLILISTINGMENUOLPPLAINTEXTPREstyleULXMP
IE6.0+ currentSty

white-space示例

normal:輕輕地我走了正如我輕輕地來
pre:輕輕地我走了(這裏接很多測試文字)正如我輕輕地來
pre - wrap:輕輕地我走了(這裏接很多測試文字)正如我輕輕地來pre - line輕輕地我走了(這裏接很多測試文字)正如我輕輕地來
nowrap:輕輕地我走了正如我輕輕地來 [1] 
參考資料