Flex布局¶
+----------------------------> 主轴方向 flex-flow | justify-content 主轴上元素的留白策略 | | | align-content 单行无效, | 多个伸缩行之间的留白策略 | | | align-items | 交叉轴上元素的留白策略 | v 交叉轴方向 flex-wrap
+----------------------------> 主轴方向 flex-flow | justify-content 主轴上元素的留白策略 | | | align-content 单行无效, | 多个伸缩行之间的留白策略 | | | align-items | 交叉轴上元素的留白策略 | v 交叉轴方向 flex-wrap