display属性用于设置元素的显示方式。
常用的display属性值及其作用如下:
none:元素不显示,其在页面中占据的空间也会被移除。
block:将元素显示为块级元素,即占据一行的整个宽度,默认情况下每个块级元素都会另起一行。
inline:将元素显示为内联元素,即在同一行显示,不会另起一行。
inline-block:将元素显示为行内块元素,即在同一行显示,同时可设置宽高等属性。
flex:将元素显示为弹性盒模型,通过设置弹性容器的属性,可以实现弹性布局。
grid:将元素显示为网格布局,通过设置网格容器的属性,可以实现网格布局。
table:将元素显示为表格布局,可以使用表格相关的属性来布局。
inline-table:将元素显示为内联表格布局。
table-cell:将元素显示为表格单元格布局。
table-row:将元素显示为表格行布局。
此外,display属性还可以与其他属性一起使用,如display: flex;与flex-direction: row;配合使用可以实现水平排列的弹性盒子布局。