当flex:1 时也就是 flex-basis为0时,item元素所占空间不受width的影响 当flex-grow设置为1时,我们自己设置的width可以生效
1、flex-grow:1,可以完美填充父级盒子且可以随着屏幕的缩放自动调整 2.flex-grow:0,取消flex盒子会在超过父级div时自动收缩的特点,然后可以对父级元素设置overflow溢出设置,适用与单行(不想收缩,又想在一行的情况)。在移动端的页面设计中效果不错。
flex属性是flex-grow,flex-shrink和flex-basis的简写,默认值为0 1 auto。后两个属性可选。 CSS属性 flex 规定了弹性元素如何伸长或缩短以适应flex容器中的可用空间。这是一个简写属性,用来设置 flex-grow, flex-shrink 与 flex-basis。 CSS flex-grow 属性定义弹性盒子项(flex item)的拉伸因子。生长性 CSS fle...