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