CSS中Display屬性

 今天修改了幾個關於CSS瀏覽器兼容的BUG問題,哎,每次遇到這種問題時,都要感嘆一下,爲啥不制定統一的規範適用於各種瀏覽器。

    今兒,對CSSdisplay屬性Baidu了一下,現總結如下:

 

    IE8支持很多新的CSS display屬性值,包括與表格相關的屬性值:tabletable-rowtable-cell

IE6裏不支持display:table屬性

 

CSSDisplay屬性可能的值:

          描述

none          此元素不會被顯示。

block         此元素將顯示爲塊級元素,此元素前後會帶有換行符。

inline 默認    此元素會被顯示爲內聯元素,元素前後沒有換行符。

inline-block    行內塊元素。(CSS2.1 新增的值)

list-item       此元素會作爲列表顯示。

run-in         此元素會根據上下文作爲塊級元素或內聯元素顯示。

table          此元素會作爲塊級表格來顯示(類似 <table>),表格前後帶有換行符。

inline-table     此元素會作爲內聯表格來顯示(類似 <table>),表格前後沒有換行符。

table-row-group 此元素會作爲一個或多個行的分組來顯示(類似 <tbody>)。

table-header-group 此元素會作爲一個或多個行的分組來顯示(類似 <thead>)。

table-footer-group  此元素會作爲一個或多個行的分組來顯示(類似 <tfoot>)。

table-row         此元素會作爲一個表格行顯示(類似 <tr>)。

table-column-group 此元素會作爲一個或多個列的分組來顯示(類似 <colgroup>)。

table-column      此元素會作爲一個單元格列顯示(類似 <col>

table-cell         此元素會作爲一個表格單元格顯示(類似 <td> <th>

table-caption      此元素會作爲一個表格標題顯示(類似 <caption>

inherit           規定應該從父元素繼承 display 屬性的值。

發佈了64 篇原創文章 · 獲贊 2 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章