flex笔记

            flex container (1-6)

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的对齐方式 多行

            flex items(7-12)

7 flex是flex-grow flex-shrink? || flex-basix的简写

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