StickyLove flex布局学习(一)

flex布局属性:

1. flex-direction: 设置主轴方向
2. justfy-content: 主轴排列方式
3. flex-wrap: 是否换行
4. align-items: 设置侧轴单行的排列方式
5. align-content: 设置侧轴多行的排列方式
6. flex-flow: 合写flex-direction和flex-wrap
7. flex: < number > 分配剩余空间，子项所占份额数目
8. align-self: 子项在侧轴上的排列方式，可以控制单行其中一个子项在侧轴上的排列方式
9. order: 设置主轴子项在主轴的排列顺序，默认为0