老师，flex-shrink是不是也可以设置0和1之外的值
来源：3-12 flex布局-项目的属性
慕姐5289795
2021-07-19 12:10:03
问题描述：
1. flex-shrink是不是也可以设置0和1之外的值？空间不足时计算缺少的空间值，然后设置了flex-shrink属性的项目会按照比例瓜分空间的缺额，再根据自己分配到的缺额去缩小？
2. flex-shrink和flex-grow可以设置小数吗？
写回答
1回答
-
同学你好，关于同学的疑问解答如下：
1、flex-shrink属性用于设置项目的缩小比例，默认值为1，即如果空间不足， 该项目将缩小。
可以设置0和1之外的值，也可以设置小数，负值对该属性无效。
假如一个项目的flex-shrink属性为1， 其他项目都为2，当空间不足时，则前者和后者会按照1：2的比例缩小，如图所示：
假如一个项目的flex-shrink属性为0.5， 其他项目都为1，当空间不足时，则前者和后者会按照1：2的比例缩小（将小数转换为整数即为1：2的关系），如图所示：
2、同理，flex-grow属性用于设置项目的放大比例， 默认值为0，即如果存在剩余空间，也不会放大。
可以设置0和1之外的值，也可以设置小数。
比如：一个项目的flex-grow属性为0.5， 其他项目都为1， 则前者占据的剩余空间将比其他项少一倍，如图所示
祝学习愉快！
0
相似问题