关于flex布局

1.当flex-direction为row时，主轴是横向的，交叉轴是纵向的,(交叉轴永远垂直于主轴)，当flex-direction为column时则相反
2.当flex-direction为row-reverse时，主轴方向的排版顺序将会反过来，交叉轴方向不变，即横向为从右到左，，纵向为从上到下
3.当flex-direction为column-reverse时：主轴为纵向，纵向从下到上 ，交叉轴为横向，方向不变，从左到右
4.justify-content的space-between是指两端对齐，项目之间的间隔都相等。
5.justify-content的space-around是指每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。
6.align-content属性只对多条轴线有效，对单轴无效，所谓多条轴线就是指多个有flex属性的容器，比如父容器有flex属性，父容器的子容器也有flex属性
7.flex-grow属性默认值为0 ，也就是即如果存在剩余空间，flex容器默认也不放大
8.flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。