弹性盒布局上

开启 Flex

容器设 display: flex，子项在一维方向上排布。

方向与换行

• flex-direction：row、column、row-reverse 等
• flex-wrap：nowrap 或 wrap

主轴分布

justify-content：flex-start、center、space-between、space-around 等。

小结

先认准主轴与交叉轴，再记 justify-content 管主轴对齐。