CSS display 屬性

值

描述

none

此元素不會被顯示。

block

此元素将顯示為塊級元素，此元素前後會帶有換行符。

inline

預設。此元素會被顯示為内聯元素，元素前後沒有換行符。

inline-block

行内塊元素。（CSS2.1 新增的值）

list-item

此元素會作為清單顯示。

run-in

此元素會根據上下文作為塊級元素或内聯元素顯示。

compact

CSS 中有值 compact，不過由于缺乏廣泛支援，已經從 CSS2.1 中删除。

marker

CSS 中有值 marker，不過由于缺乏廣泛支援，已經從 CSS2.1 中删除。

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 屬性的值。

本文轉自 yntmdr 51CTO部落格，原文連結：http://blog.51cto.com/yntmdr/1941113，如需轉載請自行聯系原作者