优美茉莉

文章
7
资源
0
加入时间
2年10月17天

flex:1含义及flex三属性详解

平时我们都是写flex:1;那么flex:1具体的三个值都是什么呢?flex: 1 1 auto;如果不写flex的话,默认值是什么呢?flex: 0 1 auto;所以我们设置的这个1其实设置的是flex-grow这个属性,首先讲flex-grow是什么:flex-grow:子盒子除了基础宽度外所占父盒子多余空间的比例例子: 父盒子500px,子盒子1占1份,基础宽度为50px,子盒子2占2份,基础宽度为70px,那么父盒子多余空间就是:500-50-70=380px,总共父盒