CSS display屬性及用法分析

CSS display屬性及用法分析

display基本特性
初始值： inline  適用于： 所有元素 
繼承性： 無(wú)  百分比： N/A 
媒體： all  版本： CSS1/CSS2 
兼容性： IE4+ NS4+

display基本語(yǔ)法
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語(yǔ)法取值
block               :　 CSS1  塊對(duì)象的默認(rèn)值。將對(duì)象強(qiáng)制作為塊對(duì)象呈遞，為對(duì)象之后添加新行
none                :　 CSS1  隱藏對(duì)象。與 visibility 屬性的hidden值不同，其不為被隱藏的對(duì)象保留其物理空間
inline              :　 CSS1  內(nèi)聯(lián)對(duì)象的默認(rèn)值。將對(duì)象強(qiáng)制作為內(nèi)聯(lián)對(duì)象呈遞，從對(duì)象中刪除行
inline-block        :　 IE5.5  將對(duì)象呈遞為內(nèi)聯(lián)對(duì)象，但是對(duì)象的內(nèi)容作為塊對(duì)象呈遞。旁邊的內(nèi)聯(lián)對(duì)象會(huì)被呈遞在同一行內(nèi)
compact             :　 CSS2  未支持。分配對(duì)象為塊對(duì)象或基于內(nèi)容之上的內(nèi)聯(lián)對(duì)象
marker              :　 CSS2  未支持。指定內(nèi)容在容器對(duì)象之前或之后。要使用此參數(shù)，對(duì)象必須和 :after 及 :before 偽元素一起使用
inline-table        :　 CSS2  未支持。將表格顯示為無(wú)前后換行的內(nèi)聯(lián)對(duì)象或內(nèi)聯(lián)容器
list-item           :　 CSS2  將塊對(duì)象指定為列表項(xiàng)目。并可以添加可選項(xiàng)目標(biāo)志
run-in              :　 CSS2  未支持。分配對(duì)象為塊對(duì)象或基于內(nèi)容之上的內(nèi)聯(lián)對(duì)象
table               :　 CSS2  未支持。將對(duì)象作為塊元素級(jí)的表格顯示
table-caption       :　 CSS2  未支持。將對(duì)象作為表格標(biāo)題顯示
table-cell          :　 CSS2  未支持。將對(duì)象作為表格單元格顯示
table-column        :　 CSS2  未支持。將對(duì)象作為表格列顯示
table-column-group  :　 CSS2  未支持。將對(duì)象作為表格列組顯示
table-header-group  :　 CSS2  將對(duì)象作為表格標(biāo)題組顯示
table-footer-group  :　 CSS2  將對(duì)象作為表格腳注組顯示
table-row           :　 CSS2  未支持。將對(duì)象作為表格行顯示
table-row-group     :　 CSS2  未支持。將對(duì)象作為表格行組顯示
在屬性值設(shè)為 block 的對(duì)象后面添加新行。合肥網(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" 屬性值。