定義和用法
display 屬性規定元素應該生成的框的型別，
實體
設定段落生成一個行內框：
p.inline
{
display:inline;
}
使用說明
說明 這個屬性用于定義建立布局時元素生成的顯示框型別，對于 HTML 等檔案型別，如果使用 display 不謹慎會很危險，因為可能違反 HTML 中已經定義的顯示層次結構，對于 XML，由于 XML 沒有內置的這種層次結構，所有 display 是絕對必要的，
| 默認值 | inline |
|---|---|
| 繼承 | no |
| 版本 | css1 |
| JavaScript語法 | object style display=“inline” |
瀏覽器支持
所有主流瀏覽器都支持 display 屬性，
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持 “inherit”、“inline-table”、“run-in”、“table”、“table-caption”、“table-cell”、“table-column”、“table-column-group”、“table-row”、以及 “table-row-group” 屬性值，
屬性值
常用的屬性： none, block, inline, inline-block
- none： 元素不顯示 而且空間不會保留（注意：有另外一個屬性visibility: hidden,此屬性元素不顯示但是空間保留）
- block: 塊級元素，前后有換行符，可設定width、height，元素獨占一行
- inline: 行內元素，display的默認值，前后沒有換行符，無法設定width，height，不獨占一行
- inline-block: 行內塊級元素，可設width，height的行內元素
| 值 | 描述 |
|---|---|
| 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 屬性的值， |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/48059.html
標籤：其他
下一篇：JfreeChart常用表格繪制