CSS Flexbox布局实战，一篇文章学通

Flexbox是CSS现代布局的核心。一行display:flex开启弹性布局。

主轴和交叉轴

flex-direction控制主轴方向。justify-content主轴对齐。align-items交叉轴对齐。flex-wrap控制换行。

子元素属性

flex:1等分剩余空间。align-self单独对齐效果。order改变元素顺序。