1 display的定義

display規定元素應該生成的框的類型

display使用不謹慎，可能會違反HTML中定義的顯示層次結構

2 display的取值

常用的取值：

none：不顯示

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

inline：默認，元素會被顯示為內聯元素

inline-block：行內塊元素

list-litem：作為列表顯示

flex：彈性盒子布局

grid：網格布局

不常用的取值

run-in：會根據上下文作為塊級元素或內聯元素顯示

table：塊級表格

inline-table：內聯表格

table-row-group：元素作為一行或多行的分組，類似tbody

table-header-group 此元素會作為一個或多個行的分組來顯示，類似thead。

table-footer-group 此元素會作為一個或多個行的分組來顯示，類似tfooter。

table-row：此元素會作為一個表格行顯示（類似tr）。

table-column 此元素會作為一個單元格列顯示（類似col）

table-cell 此元素會作為一個表格單元格顯示（類似 td 和th）

table-caption 此元素會作為一個表格標題顯示（類似 caption）

inherit：規定應該從父元素繼承 display 屬性的值。

總結

以上是生活随笔為你收集整理的【HTML/CSS】display相关属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。