flex弹性布局

一: flex弹性布局的优缺点

   1 操作方便，布局极为简单，移动端应用很广

   2 PC端浏览器支持情况较差

   3 IE11或更低版本，不支持或仅部分支持

二: flex弹性布局的原理

    通过给父盒子添加flex属性，来控制自盒子的位置和排列方式

三：flex布局父项常见属性

     fiex-direction:设置主轴方向

     justify-cotent:设置主轴子元素排列方式

     flex-wrap设置子元素是否换行

    align-content:设置侧轴上子元素的排列方式（多行）

    align-item:设置侧轴上的子元素排列方式

    flex-flow: 相当于同是设置了flex-direction和flex-warp

四：主轴和侧轴

     默认主轴方向就是x轴方向，水平向右

     默认侧轴方向就是y轴方向，水平向下