flex布局

要使用下面的语法，首先设定父元素为flex布局，给父元素加上 display:flex;

 

让父元素里面的子元素进行垂直排序 给父元素使用

flex-direction: column;

 

先两边再中间分布 给父元素使用

justify-content: space-between;

 

主轴是默认横着排序时的底部对齐 给父元素使用

align-items:flex-end;

  主轴变成垂直排序时的底部对齐 给父元素使用

justify-content: flex-end;

 

垂直居中

align-items: center;

 

水平居中

justify-content: center;

 

flex换行

flex-wrap: wrap;