flex日记

1. flex-flow是flex-direction || flex-wrap的简写

2.flex-direction设置主轴（main axis)的方向

3.flex-wrap设置是否能换行

4.justify-content设置flex items在main axis上的对齐方式

5.align-items设置flex items在cross axis上的对齐方式(一般针对一行)

6.align-content设置flex items在cross axis上的对齐方式(一般针对多行)

7.flex是flex-grow flex-shrink? || flex-basis的简写

8.flex-grow决定了flex items在main axis方向上如何扩展

9.flex-shrink决定了flex items在main axis方向上如何收缩

10.flex-basis设置flex items在main axis方向上的base size 

11.order 设置flex items的排布顺序

12.align-self允许flex items覆盖flex container设置的align-items

 

更多详细可以参考(点击我)