css樣式display屬性

2021-08-14 08:38:15 字數 958 閱讀 3883

描述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 顯示屬性

演示示例 visibility 屬性?該css屬性用來設定物件如何顯示。的預設值都為 inline。值 block none inline inline block list item table header group table footer group inherit 可用值值的說明 blo...

CSS 布局 display 屬性

display 屬性規定是否 如何顯示元素。每個 html 元素都有乙個預設的 display 值,具體取決於它的元素型別。大多數元素的預設 display 值為 block 或 inline。塊級元素總是從新行開始,並佔據可用的全部寬度 盡可能向左和向右伸展 內聯元素不從新行開始,僅占用所需的寬度...

CSS樣式 顯示模式display

顯示模式共三種 block inline inline block 第一種 block 塊級元素 常見塊級元素 div h1 h6 p ul ol li,其中div元素經常被當做布局元素使用 塊級元素的特點 所有的塊級元素自己占用一行,無論寬度是多少 塊級元素可以設定寬度 width 和高度 hei...