Flexbox学习笔记

flexbox布局容器有两根轴，主轴（main axis）和交叉轴（cross axis），
主轴开始位置main start，
主轴结束位置main end，
交叉轴开始位置cross start，
交叉轴结束位置cross end。

容器属性

1. flex-direction 改变轴方向

2. flex-wrap 是否换行

3. flex-flow 上两个属性的简写形式

4. justify-content 主轴对齐方式

5. align-items 交叉轴对齐方式

6. align-content 多轴对齐方式

用容器属性已经可以解决item的对齐方式了，复杂的布局可以看下项目所用的属性

项目属性

1. order

2. flex-grow

3. flex-shrink

4. flex-basis

5. flex

6. align-self

以上笔迹来自：http://www.ruanyifeng.com/blo...
其他相关文章：http://blog.csdn.net/zhang_re...