display flex inline-block区别

display属性用于设置元素的显示类型。其中，flex和inline-block是两种常用的显示类型。

1. flex:
- flex是一种弹性布局，用于创建灵活的盒子模型。通过设置display: flex，可以将容器元素设置为弹性容器。
- 弹性容器中的子元素（即弹性项目）可以通过设置各种flex属性来调整它们的大小、顺序和对齐方式。
- 弹性容器中的弹性项目会自动填充可用空间，并根据设置的flex属性进行伸缩。

2. inline-block:
- inline-block用于将元素设置为内联块级元素。
- 内联块级元素与普通的内联元素类似，会在同一行内显示，但可以设置宽度、高度、内外边距等属性。
- 内联块级元素之间会保留换行符产生的空白间隙，需要通过设置父元素的字体大小为0或使用注释等方式来消除空白间隙。

总结：
- display: flex用于创建弹性布局，子元素具有伸缩能力。
- display: inline-block用于创建内联块级元素，可以在同一行内显示，并具有设置大小的能力。