****弹性盒

弹性盒子：display：flex/inline-flex；

   flex-direction（自动横向排列）：column；竖向排列
                        column-reverse；竖向倒着排列
            row；横向排列
             row-reverse；横向倒着排列

    flex-wrap（实现换行）：wrap；换行会溢出
                  wrap-reveres；反向    
                         nowrap；不换行
                         

    justify-content（设置主轴对齐方式）：center；居中
                space-around；以中间向两侧分开
                space-between；平均分开，左右两侧挨着
                space-evenly；平均分开，分开的间隙相等
                flex-start；
                flex-end；
                

   align-items（设置交叉轴的对齐方式）：flex-end；
                         center；
                flex-start；
                  
order 次序
flex-grow （数字）让元素的宽度为其他元素的几倍
flex-shrink     使第几个元素相比其余元素收缩几倍