flex布局·要点

.container{
flex-direction:row/column/row-reverse/column-reverse;    竖着还是横着
flex-wrap:wrap/nowrap/wrap-reverse;   是否换行
justify-content:flex-start/flex-end/center/sapce-between/space-around/space-evenly;       items之间的距离怎么分配
align-items:center/flex-start/flex-end/stretch;    单行竖着情况下怎么分配空间
}

多行情况行与行之间怎么分配空间
.container{
align-content:flex-start/flex-end/center/stretch/space-between
}

.item{
order:0/1/100；  数字大的排在后面
flex-grow:0/1/100   值越大分到的多余空间越多，0则不分配多余空间
flex-shrink:0/1/100  这个属性用之前需要规定一个确定的宽度才有用
 0则不会缩小空间
 align-self:flex-start/flex-end/center/  指定某一行对齐方式
}