1.flex-direction：控制主轴的方向（即项目的排列方向）。
2.flex-wrap：控制弹性子项是否换行。
3.justify-content：控制弹性子项在主轴上的对齐方式。
4.align-items 和 align-content：控制弹性子项在交叉轴上的对齐方式。
对于弹性子项，也有一系列属性可以用来控制其行为，如：
5.flex-grow：定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。
6.flex-shrink：定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。
7.flex-basis：定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的原来大小。
