Flex 布局
main axis 主轴
cross axis 侧轴
flex container
flex-direction 主轴的方向
flex-wrap 换行
flex-flow 上面两个的简写
justify-content 主轴方向对齐方式
align-items 侧轴对齐方式
align-content 多行/列内容对齐方式（用得较少）
flex items
flex-grow 增长比例（空间较多时）
flex-shrink 收缩比例（空间较少时）
flex-basis 默认大小（一般不用）
flex 上面三个的缩写
order 顺序（可用来代替双飞翼）
align-self 自身的侧轴对齐方式
教程与游戏
https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/