display: inline和display: flex他们俩的区别

display属性是CSS中的一个重要属性，它用于指定元素的布局方式。其中，display: inline和display: flex是两种不同的布局方式。

display: inline用于将元素显示为行内元素，也就是说，行内元素可以和文本内容在一行中显示，但是行内元素之间会有一定的间隙。同时，行内元素无法设置宽度和高度属性。

display: flex则用于将元素显示为一个弹性盒子，通过弹性盒子的属性设置，实现对子元素的排列方式和对齐方式的控制。flex布局可以实现比较复杂的布局方式，并且也可以在某些情况下代替传统的浮动布局和定位布局。

总的来说，display: inline适用于简单的行内元素的排列，而display: flex适用于复杂的布局需求。