官方介绍：http://www.runoob.com/w3cnote/flex-grammar.html
flex布局方式特别适用于想要居中的功能，但有几个点容易误解、理解误区：
1、flex的主轴默认是水平线，但会根据flex-direction设置而变；（即：主轴可以是垂直线）
2、justify-content设置主轴上的对齐方式，从第1点可以理解，这个主轴对齐可以在水平线上，也可能在垂直线上。
3、align-items设置交叉轴上的对齐方式，从第1点可以理解，这个交叉轴对齐可以在水平线上，也可能在垂直线上。