"display: flex; 会将元素设置为一个块级元素，其子元素会按照 flex 布局进行排列，沿着主轴和交叉轴进行布局。而 display: inline-flex; 则会将元素设置为一个内联元素，同样按照 flex 布局进行排列，但是在行内显示。
使用 display: flex; 时，元素会占据一整行的宽度，子元素会按照 flex 布局的规则进行排列。而使用 display: inline-flex; 时，元素会根据内容大小进行排列，不会占据整行的宽度，因此可以在一行内显示多个内联元素。
总结来说，display: flex; 会将元素设置为块级元素，占据整行宽度，适合用于需要占据整行空间的布局；而 display: inline-flex; 则会将元素设置为内联元素，根据内容大小进行排列，适合用于需要在一行内显示多个元素的布局。"
