首頁  >  文章  >  web前端  >  css display屬性的值有哪些

css display屬性的值有哪些

青灯夜游
青灯夜游原創
2021-06-28 14:53:086829瀏覽

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

css display屬性的值有哪些

本教學操作環境:windows7系統、CSS3版、Dell G3電腦。

display 屬性規定元素應該產生的框的類型。

display屬性的值

#值 描述
none 此元素不會被顯示。
block 此元素將顯示為區塊級元素,此元素前後會帶有換行符號。
inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符號。
inline-block 行內區塊元素。 (CSS2.1 新增的值)
list-item 此元素會顯示為清單。
run-in 此元素會根據上下文作為區塊級元素或內聯元素顯示。
compact CSS 中有值 compact,不過由於缺乏廣泛支持,已經從 CSS2.1 中刪除。
marker CSS 中有值 marker,不過由於缺乏廣泛支持,已經從 CSS2.1 中刪除。
table 此元素會作為區塊級表格來顯示(類似 ),表格前後都會有換行符號。
inline-table 此元素會作為內嵌表格來顯示(類似 ),表格前後沒有換行符號。 )。 )。 )。 )。 )。 )
table-row-group 此元素會作為一個或多個行的分組來顯示(類似
table-header-group 此元素會以一個或多個行的分組來顯示(類似
table-footer-group 此元素會以一個或多個行的分組來顯示(類似
table-row 此元素會顯示為一個表格行(類似
table-column-group 此元素會以一個或多個欄位的分組來顯示(類似
table-column 此元素會顯示為一個單元格列(類似
table -cell 此元素會以表格儲存格顯示(類似
table-caption #此元素會顯示為一個表格標題(類似
inherit 規定應該從父元素繼承display 屬性的值。

更多程式相關知識,請造訪:程式設計影片! !

以上是css display屬性的值有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn