display:inline-flex 和 display:flex有什麼區別

這兩個都是用於建立flexbox佈局，但是它們在元素的顯示方式上有一些關鍵區別。

1. display:flex

塊級元素：使用display:flex的元素會表現為塊級元素。這意味著它會佔據其父容器的整個寬度，並且在其前後會有換行。

2. display:inline-flex

內聯元素：使用display：inline-flex的元素會表現為內聯元素。它只佔據其內容所需的寬度，並且可以與其他內聯元素在同一行顯示。