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