css中display

display属性用于指定元素如何显示。

display属性有很多的取值，下面逐一介绍：

1. block：将元素显示为块级元素，使其独占一行，并且可以设置宽度（width）和高度（height），默认情况下会填满父容器的宽度。

2. inline：将元素显示为内联元素，不会独占一行，而是与其他元素在同一行显示，并且其宽度和高度都由内容决定。

3. inline-block：将元素显示为内联块级元素，具有块级元素的特点，可以设置宽度和高度，并且与其他元素在同一行显示。

4. none：元素不显示，完全不占据任何空间，并且不影响其后代元素，可以通过JavaScript动态地改变元素的显示状态。

5. flex：将元素显示为弹性盒子容器，可以通过设置flex-direction、flex-wrap、flex-flow、justify-content、align-items和align-content等属性来控制盒子内项目的布局。

6. grid：将元素显示为网格容器，可以通过设置grid-template-columns、grid-template-rows和grid-template-areas等属性来控制网格内项目的布局。

7. table和table-cell：将元素显示为表格或表格单元格，用于实现表格布局。

8. inherit：继承父元素的display属性值。

以上是display属性的常用取值，通过灵活地使用display属性，可以实现各种不同的布局效果。