概念

1. display:flex
2. 外面叫容器，里面叫项目
3. 默认有主轴main axis，交叉轴 cross axis
   1. 对应main start,main end,crosss start,cross end
   2. main size,cross size

属性

简写

1. 排列方向与换行与否
   1. flex-flow:row nowrap

区别

1. space-between与space-around
   1. space-between要贴边对齐
2. align-items与align-content
   1. align-items定义项目在交叉轴上如何对齐
   2. 后者定义多跟主轴如何在垂直方向排布