display: flex;
display: -webkit-flex; //兼容ie

justify-content //两端对齐方式
flex-start //默认 左对齐
flex-end //右对齐
center //居中
space-between //两端对齐
space-around // 两端留一点点

align-items //上下对齐方式
flex-start //靠上
flex-end //靠下
center //居中
baseline //文字居中
stretch //默认 铺满

flex-direction 排列顺序
row //默认 左边➡️
row-reverse //右边⬅️
column //上⬇️
column-reverse //下⬆️

flex-wrap 换行
nowrap //默认 不换
wrap //换 第一排在上
wrap-reverse //换 第一排在下

flex-grow:数字 //放大