flex是 flex-grow，flex-shrink，flex-basis的缩写

    1. flex-grow:：当父控件还有剩余空间的时候，是否进行放大(grow)其中数值代表的是放大比例，值为0的时候表示不放大；
    3. flex-shrink：当父控件空间不够的时候，是否进行缩小(shrink)其中数值代表的是与控件大小有关的缩小比例；
    5. flex-basis：flex-basis 属性用于设置或检索弹性盒伸缩基准值。当子空间含有这个属性的时候，代表了子空间占主轴的大小，主轴就是flex的主方向row是横向，column是竖向；(这里第一个链接中只说了width，如果flex方向是column也可以是height)；<br />flex ：1  等价于<br /> flex:1;的值是1 1 0%，【父控件有剩余空间占1份放大，父控件空间不足按1缩小，自身的空间大小是0%】