display的完整理解

display是CSS中的一个属性，用于设置HTML元素的显示方式。它可以控制元素在页面中的布局方式和位置。

常用的display属性值包括：

1. block：将元素显示为块级元素，即元素会在页面中单独占据一行或一块空间，可以设置宽度、高度、内外边距等属性。适用于div、p、h1-h6等标签。

2. inline：将元素显示为行内元素，即元素会在一行内显示，不会独占一行或一块空间，不能设置宽度、高度等属性。适用于a、span、img等标签。

3. inline-block：将元素显示为行内块级元素，即元素会在一行内显示，但可以设置宽度、高度、内外边距等属性。适用于button、input等标签。

4. none：将元素隐藏，不占据页面空间。适用于需要动态控制元素显示和隐藏的情况。

5. flex：将元素显示为弹性盒子，可以通过设置弹性盒子的属性来控制元素的布局方式和位置。适用于容器元素，如div。

6. grid：将元素显示为网格布局，可以通过设置网格布局的属性来控制元素的布局方式和位置。适用于容器元素，如div。

除了以上常用的display属性值外，还有一些其他的属性值，如table、table-cell、table-row等，用于控制表格的布局方式。

需要注意的是，不同的display属性值对应的元素标签是不同的，同一个标签在不同的display属性值下会有不同的显示效果。