css布局

1、

元素	值说明
display	flex:定义为flex容器
flex-direction	row、row-reverse、column、column-reverse）定义主轴方向
justify-content	（flex-start、flex-end、center、space-between、space-around）定义主轴上的对齐方式
align-items	定义交叉轴上的对齐方式（flex-start、flex-end、center、baseline、stretch）
flex-wrap	定义是否换行（nowrap、wrap、wrap-reverse）
flex	flex：1自动占满整行不换行

flex-wrap和flex属性可以理解成换行和不换行。
flex-wrap:当容器一行不足时换行。
flex：1则表示不换行，里面的项目根据比例放大和缩小，有多余空间项目按比例扩大填满，空间不足时，然比例缩小填满