记录供以后查看
参考文章：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
游戏练习：http://flexboxfroggy.com/
补充：justify-content属性定义了项目在主轴上的对齐方式。默认是水平方向，如果使用了flex-direction：column|column则主轴变成垂直方向
align-items属性定义项目在交叉轴上如何对齐
align-content属性定义了多根轴线的对齐方式。默认只有一根轴线，当flex-wrap：wrap，并且元素很多就会出现多行（多列），则此时多行（多列）就是多根轴线
space-between和space-around的区别：space-between没有边距，而space-around有边距且为元素与元素之间边距的一半