27-flex-grow，flex-shrink，flex-basis，flex复合写法，order，flex-wrap

1.flex-grow：弹性元素的放大比例，默认值为0，即如果存在剩余空间，也不放大

<style>
            /* 伸张系数：所有元素平分剩余空间 */
            flex-grow: 1;
</style>

2.flex-shrink：弹性元素的缩小比例，默认值为1，即如果空间不足，该项目将缩小

<style>
            /* flex-shrink收缩系数 */
            /* 大小相同的时候收缩的比例是一样的，否则反之 */
            /* 
               总结：剩余空间*弹性系数/弹性系数之和=分配空间
               本身的宽度+分配空间=最终的宽度 
            */
            flex-shrink: 1;
</style>

3.flex- basis：弹性元素的占据空间，默认值为auto，即项目的本来大小

<style>
            /* 
                 flex-basis: 元素的基础宽度；