本文向大家描述一下CSS display屬性的定義和用法，CSS display屬性主要用來規定元素應該生成的框的類型。對于 XML，由于 XML 沒有內置的這種層次結構，所有 display屬性是絕對必要的。

CSS display屬性定義和用法

CSS display屬性規定元素應該生成的框的類型。

說明

 CSS display屬性用于定義建立布局時元素生成的顯示框類型。對于 HTML 等文檔類型，如果使用 display屬性不謹慎會很危險，可能違反 HTML 中已經定義的顯示層次結構。對于 XML，由于 XML 沒有內置的這種層次結構，所有 display屬性是絕對必要的。

注釋：CSS2 中有值 compact 和 marker，不過由于缺乏廣泛的支持，已經從 CSS2.1 中去除了。

實例

使段落生出行內框：

p.inline  
  {  
  display:inline;  
  }  
 

瀏覽器支持

所有主流瀏覽器都支持CSS display 屬性。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 屬性值。

可能的值
 

【編輯推薦】

1. 探究CSS display屬性用法
2. 探究CSS hack使用原理 規則及弊端
3. 深入探究DIV CSS布局中position屬性用法
4. CSS屬性display:inline-block使用揭秘
5. CSS hack:實現IE6、IE7、Firefox兼容