css3弹性布局

  ***弹性布局   * 为数字

  1.***让他弹性布局
   
  display:flex;
  

  2.分配固定多少px；

  flex-basis: * px;
  
  //设置一个值拥有多少宽；

  3.剪除之后设置多少份
 
   flex: * ;

  //把一个盒子分割成*份
  
  **弹性布局显示换行
 
   flex-wrap:wrap;

 //如果屏幕缩小;让屏幕里的装不下的子元素换行；

  **元素再水平方向对齐

  justify-content:
           
             space-around,//左右分开
         
             space-between,

            center, //居中

           flex-start,//向上

          flex-end //向下

  **元素在垂直方向的对齐方式

   align-items: center 中间  
          
             flex-start 顶部对齐

          flex-end  底部对齐

     //给父元素设置多个同步；
    

   *给子元素设置
    align-self: flex-start //向上 //向左
   
    align-self: flex-end; //向下 //向右

   *元素纵向排列

   flex-direction: column（纵排）; row（横排）一般默认为row（横排）；除非主动设置  

   *在侧轴方向每一行的对齐方式，只能控制一行*
   align-content:center;