容器属性：
1.display: flex；声明弹性容器
2.flex-direction：规定主轴的方向（row：水平从左到右，column：从上到下）
3.flex-wrap：规定弹性元素的排列方式，弹性元素永远沿着主轴方向（默认不换行，wrap：换行，wrap-reverse：反向换行）
4.flex-flow：flex-drection + flex-wrap
5.just-content: 弹性元素水平方向对齐的方式
6.align-items：定义弹性元素在弹性容器的当前行的侧轴（纵轴）方向上的对齐方式
7.align-content：子元素是垂直方向的对齐方式（多行元素才有效，必须开启换行）
8.align-self ：定义flex子项单独在侧轴（纵轴）方向上的对齐方式
元素属性：
1.flex-grow：放大比例（容器宽度>元素总宽度时如何伸展，默认0：不放大）
2.flex-shrink：缩小比例（容器宽度<元素总宽度时如何收缩，默认1：等比例缩小）
3.flex = flex-grow + flex-shrink + flex-basis：让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容
参考资料：https://www.cnblogs.com/qcloud1001/p/9848619.html
