学习的一些关键字：
display: flex
flex-direction：方向
flex-wrap：是否换行
flex-flow：flex-direction 和 flex-wrap 组合
justify-content：在主轴方向的对齐方式
align-items: 在侧轴方向的排列方式对齐方式
align-content：伸缩行的对齐方式
order : 排序
flex-grow: 展示权重
flex-shrink: 溢出后
flex-basis：基准长
flex flex-grow、flex-shrink、flex-basis组合
align-self 元素自身在主轴（侧轴）的对齐方式。
详解：
http://caibaojian.com/flexbox-guide.html
http://caibaojian.com/demo/flexbox/align-self.html
还有关于space-evenly和 space-around区别的解释
https://www.cnblogs.com/jiasonglindeboke/p/9038750.html
