学习的一些关键字:
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