flex布局使用方式详细介绍

flex布局比浮动更好用，下面讲解如何使用：

开启flex布局：
display:flex

flex-direction决定主轴方向


justify-content决定主轴上的布局




align-items决定交叉轴的布局

flex-wrap决定单行还是多行

align-content决定了多行时交叉轴上的对齐方式，与justify-content相似

给每一个item设置order，可以决定其排布的顺序

如图所示来设置order


align-self

flex-grow