css中display屬性的值有什么

發(fā)布時間：2021-06-28 15:17:18 來源：億速云閱讀：397 作者：chen 欄目：web開發(fā)

本篇內(nèi)容主要講解“css中display屬性的值有什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“css中display屬性的值有什么”吧!

css display屬性的值有：none、block、inline、inline-block、list-item、run-in、compact、marker、table、inline-table、table-cell、inherit等等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

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

display屬性的值

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

到此，相信大家對“css中display屬性的值有什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

css中display屬性的值有什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽