displaynone如何定義使用

這篇文章主要介紹displaynone如何定義使用，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

　　所有主流瀏覽器都支持displaynone屬性。注釋：如果規(guī)定了!DOCTYPE，則InternetExplorer8（以及更高版本）支持屬性值"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及"inherit"。

　　displaynone定義和用法

　　display屬性規(guī)定元素應(yīng)該生成的框的類型。

　　說明

　　這個屬性用于定義建立布局時元素生成的顯示框類型。對于HTML等文檔類型，如果使用display不謹(jǐn)慎會很危險，因為可能違反HTML中已經(jīng)定義的顯示層次結(jié)構(gòu)。對于XML，由于XML沒有內(nèi)置的這種層次結(jié)構(gòu)，所有display是絕對必要的。

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

　　默認(rèn)值： inline

　　繼承性： no

　　版本： CSS1

　　JavaScript語法： object.style.display="inline"

　　displaynone可能的值

　　值 描述

　　none 此元素不會被顯示。

　　block 此元素將顯示為塊級元素，此元素前后會帶有換行符。

　　inline 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。

　　inline-block 行內(nèi)塊元素。（CSS2.1新增的值）

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

　　run-in 此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示。

　　compact CSS中有值compact，不過由于缺乏廣泛支持，已經(jīng)從CSS2.1中刪除。

　　marker CSS中有值marker，不過由于缺乏廣泛支持，已經(jīng)從CSS2.1中刪除。

　　table 此元素會作為塊級表格來顯示（類似<table>），表格前后帶有換行符。

　　inline-table 此元素會作為內(nèi)聯(lián)表格來顯示（類似<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 此元素會作為一個表格標(biāo)題顯示（類似<caption>）

　　inherit 規(guī)定應(yīng)該從父元素繼承display屬性的值。

以上是“displaynone如何定義使用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！