html中display: flex;和display:inline-block;区别

display: flex;和display:inline-block;都可以让块级元素在同一行显示，但是它们之间还是有一些区别的。

display: flex;是CSS3中的新属性，它可以让元素的子元素在一个可伸缩的容器中布局。使用flex布局可以更加方便地实现水平和垂直居中、等高布局等效果。而且，flex布局可以很好地解决浮动元素导致的高度塌陷问题。另外，flex布局还可以通过设置flex-wrap属性来控制子元素的换行。

display:inline-block;可以让元素在同一行显示，并且可以设置元素的宽度、高度、内边距和外边距等属性。但是，使用inline-block布局时，需要注意元素之间的空格和换行符会导致布局出现问题，需要通过设置父元素的font-size: 0;和子元素的font-size: 初始值;来解决这个问题。

综上所述，display: flex;适用于需要更加灵活的布局，而display:inline-block;适用于简单的水平布局。