display屬性的一點理解 css教程

這個屬性用于定義建立布局時元素生成的顯示框類型。

先講講它的語法，這是從w3school里摘錄下來的：

語法：
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
取值：
block :　 CSS1 塊對象的默認值。將對象強制作為塊對象呈遞，為對象之后添加新行
none :　 CSS1 隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間
inline :　 CSS1 內聯對象的默認值。將對象強制作為內聯對象呈遞，從對象中刪除行
inline-block :　 IE5.5 將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內
compact :　 CSS2 未支持。分配對象為塊對象或基于內容之上的內聯對象
marker :　 CSS2 未支持。指定內容在容器對象之前或之后。要使用此參數，對象必須和 :after 及 :before 偽元素一起使用
inline-table :　 CSS2 未支持。將表格顯示為無前后換行的內聯對象或內聯容器
list-item :　 CSS2 將塊對象指定為列表項目。并可以添加可選項目標志
run-in :　 CSS2 未支持。分配對象為塊對象或基于內容之上的內聯對象
table :　 CSS2 未支持。將對象作為塊元素級的表格顯示
table-caption :　 CSS2 未支持。將對象作為表格標題顯示
table-cell :　 CSS2 未支持。將對象作為表格單元格顯示
table-column :　 CSS2 未支持。將對象作為表格列顯示
table-column-group :　 CSS2 未支持。將對象作為表格列組顯示
table-header-group :　 CSS2 將對象作為表格標題組顯示
table-footer-group :　 CSS2 將對象作為表格腳注組顯示
table-row :　 CSS2 未支持。將對象作為表格行顯示
table-row-group :　 CSS2 未支持。將對象作為表格行組顯示