css中的display屬性控制元素的布局方式,它可以取的值包括:1.塊級元素:block、inline-block;2.列表項:list-item;3.表格相關:table、table-caption、table-column-group、table-header-group、table-footer-group、table-row-group、table-cell、table-column、table-row;4.行內元素:inline、none;5.特殊值:flex、grid、conten
CSS 中 display 屬性的值
display 屬性控制元素在頁面上的布局方式。它可以取以下值:
塊級元素:
block:元素獨占一行,占據整個可用寬度。
inline-block:類似于行內元素,但允許設置寬度和高度。
list-item:創建一個列表項。
table:創建一個表格。
table-caption:創建一個表格標題。
table-column-group:創建一個表格列組。
table-header-group:創建一個表格表頭組。
table-footer-group:創建一個表格表尾組。
table-row-group:創建一個表格行組。
table-cell:創建一個表格單元格。
table-column:創建一個表格列。
table-row:創建一個表格行。
行內元素:
inline:元素與其他元素排列在同一行上。
none:元素不顯示。
特殊值:
flex:創建一個具有靈活布局的元素。
grid:創建一個具有網格布局的元素。
contents:顯示元素的內容,但不顯示元素本身。