css第三天

伸缩布局：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