display:inline-flex 和 display:flex有什么区别

这两个都是用于创建flexbox布局，但是它们在元素的显示方式上有一些关键区别。

1. display:flex

块级元素：使用display:flex的元素会表现为块级元素。这意味着它会占据其父容器的整个宽度，并且在其前后会有换行。

2. display:inline-flex

内联元素：使用display：inline-flex的元素会表现为内联元素。它只占据其内容所需的宽度，并且可以与其他内联元素在同一行显示。