flex布局：flex布局为盒子模型提供了很大的便利性，具有lfex布局的元素成为容器，它的所有子元素成为项目。flex容器默认有两条相交轴，一条水平方向的主轴（main axis），一条垂直方向的交叉轴(cross axis)。水平轴的开始位置叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。默认项目沿主轴排列，在