- 改变轴方向：flex-direction(row:横轴;column:纵轴；row-reverse 主轴方向为水平 起点在右端 翻转过来；column-reverse 主轴为垂直方向，起点在下沿)；
flex-direction:row(默认值)
flex-direction:row-reverse(横轴翻转)
flex-direction:column;(纵轴)
flex-direction:column-reverse(纵轴翻转)
- 改变换行：flex-wrap:nowrap(默认不换行)；flex-wrap:wrap(换行)
- 横轴：
2.主轴排列方式：justify-content:center(沿主轴居中排列)；
3.justify-content:space-around(弹性盒子沿主轴 均匀排列， 空白间距均匀分布在弹性盒子两侧)
4.justify-content:space-between(弹性盒子沿主轴 均匀排列， 空白间距均匀分布在相邻盒子之间)
- 重要： justify-content:space-evenly(弹性盒子沿主轴 均匀排列， 弹性盒子与容器之间的间距相等)
- 纵轴：
7.align-items:center;(纵轴居中)
8.align-items:stretch(默认值，前提是不设置宽高，不然不可以实现)
9.flex-grow定义子盒子的放大比例，默认值为1，如果存在剩余的空间，也不会放大；
示例：flex-grow:1;
10. flex-shrink定义子盒子缩小比例，默认值为1，即如果空间不足，该项目将缩小；
示例：flex-shrink:1;
11.flex-basis 属性定义了在分配多余空间之前，子项目占据的主轴空间
示例：flex-basis: 0%;
上述三个属性可以合并成一个即flex:1;(flex-grow:1;flex-shrink:1;flex-basic:0%;)
12. align-self 属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性
13.问题1：想要实现水平垂直居中，如何设置？（面试点）
justify-content: center;
align-items:center;
