css之display属性的作用是什么

display属性用于设置元素的显示方式。

常用的display属性值及其作用如下：

• none：元素不显示，其在页面中占据的空间也会被移除。

• block：将元素显示为块级元素，即占据一行的整个宽度，默认情况下每个块级元素都会另起一行。

• inline：将元素显示为内联元素，即在同一行显示，不会另起一行。

• inline-block：将元素显示为行内块元素，即在同一行显示，同时可设置宽高等属性。

• flex：将元素显示为弹性盒模型，通过设置弹性容器的属性，可以实现弹性布局。

• grid：将元素显示为网格布局，通过设置网格容器的属性，可以实现网格布局。

• table：将元素显示为表格布局，可以使用表格相关的属性来布局。

• inline-table：将元素显示为内联表格布局。

• table-cell：将元素显示为表格单元格布局。

• table-row：将元素显示为表格行布局。

此外，display属性还可以与其他属性一起使用，如display: flex;与flex-direction: row;配合使用可以实现水平排列的弹性盒子布局。