伸缩布局：display:flex;，不需要浮动就实现浮动效果，默认从左至右，也可使用flex-direction调整主轴方向
row 水平方向 ， row-reverse 反转 ， column 垂直 ， column-reverse反转列
justtify-content（主轴对齐的方式）：flex-start从主轴开始的方向对齐，flex-end从主轴结束的方向对齐
center居中对齐，space-round平分父盒子，space-bettwen两端对齐，中间平分
align-items设置侧轴对齐方式：flex-start从侧轴开始的方向对齐，flex-end从侧轴救赎的方向对齐，center居中对齐
baseline基线对齐,默认同flex-start ， stretch拉伸
伸缩比例：flex