css中display的作用是什么

CSS中display的作用是决定元素的显示方式，包括元素是否显示、如何显示、多少空间占用等。

/* display属性值及其作用 */

/* block表示块级元素，会自动换行，占满父级宽度 */
display: block;

/* inline表示行内元素，默认不会换行，内容决定宽度 */
display: inline;

/* inline-block表示行内块级元素，不会换行，可以设置宽度、高度、内边距等 */
display: inline-block;

/* none表示元素完全不显示，但仍占据文档流中的位置 */
display: none;

/* table表示表格元素，具有表格的特性 */
display: table;

/* table-row表示表格行 */
display: table-row;

/* table-cell表示表格单元格 */
display: table-cell;

/* flex表示弹性盒子容器 */
display: flex;

/* fiex-item表示弹性盒子子元素 */
display: flex-item; 

使用display属性可以方便地控制HTML元素的显示方式，使网页布局更加灵活，适应不同的终端设备和用户需求。