Flex布局¶

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