flex简写有grow放大,shrink收缩,basis基准三个属性
顺序为 flex: grow shrink basis
0 0 40px 初始就是40px宽
不参与伸缩,与世隔绝
1 0 40px 就是初始40px宽
有多的空间的话,grow为1 是瓜分剩余空间的权重,和其他有grow的一起把剩下空间占满
0 1 40px 就是初始40px宽
不够空间的话,shrink为1 就是超出部分要扣除的权重,超出的空间和其他有shrink的一起平摊,按权重减掉
1 1 40px 就是初始40px
空间多或少都参与权重增减
不设flex的话,初始值是 0 1 auto,也就是盒子不会参与放大,只会参与收缩,容器容不下,就按权重收缩
网友评论