CSS display屬性及用法分析
display基本特性
初始值: inline 適用于: 所有元素
繼承性: 無 百分比: N/A
媒體: all 版本: CSS1/CSS2
兼容性: IE4+ NS4+
display基本語法
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
display語法取值
block : CSS1 塊對象的默認(rèn)值。將對象強制作為塊對象呈遞,為對象之后添加新行
none : CSS1 隱藏對象。與 visibility 屬性的hidden值不同,其不為被隱藏的對象保留其物理空間
inline : CSS1 內(nèi)聯(lián)對象的默認(rèn)值。將對象強制作為內(nèi)聯(lián)對象呈遞,從對象中刪除行
inline-block : IE5.5 將對象呈遞為內(nèi)聯(lián)對象,但是對象的內(nèi)容作為塊對象呈遞。旁邊的內(nèi)聯(lián)對象會被呈遞在同一行內(nèi)
compact : CSS2 未支持。分配對象為塊對象或基于內(nèi)容之上的內(nèi)聯(lián)對象
marker : CSS2 未支持。指定內(nèi)容在容器對象之前或之后。要使用此參數(shù),對象必須和 :after 及 :before 偽元素一起使用
inline-table : CSS2 未支持。將表格顯示為無前后換行的內(nèi)聯(lián)對象或內(nèi)聯(lián)容器
list-item : CSS2 將塊對象指定為列表項目。并可以添加可選項目標(biāo)志
run-in : CSS2 未支持。分配對象為塊對象或基于內(nèi)容之上的內(nèi)聯(lián)對象
table : CSS2 未支持。將對象作為塊元素級的表格顯示
table-caption : CSS2 未支持。將對象作為表格標(biāo)題顯示
table-cell : CSS2 未支持。將對象作為表格單元格顯示
table-column : CSS2 未支持。將對象作為表格列顯示
table-column-group : CSS2 未支持。將對象作為表格列組顯示
table-header-group : CSS2 將對象作為表格標(biāo)題組顯示
table-footer-group : CSS2 將對象作為表格腳注組顯示
table-row : CSS2 未支持。將對象作為表格行顯示
table-row-group : CSS2 未支持。將對象作為表格行組顯示
在屬性值設(shè)為 block 的對象后面添加新行。
合肥網(wǎng)站建設(shè)
display瀏覽器支持
所有主流瀏覽器都支持 display 屬性。
注釋:任何版本的 Internet Explorer (包括 IE8)都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 屬性值。