Flex 收缩功能：优化 CSS Flexbox 中元素的大小
关于 Flexbox 您需要了解的一切：创建现代网页设计的最佳盟友
CSS 中的 flex Grow 完整指南：您需要了解的一切
相关帖子：
Flex 收缩功能：优化 CSS Flexbox 中元 素的大小
Flex 收缩功能：优化 CSS Flexbox 中元素的大小
Flex收缩是CSS Flexbox中的一个重要属 巴林号码 性，它允许元素在可用空间不足时按比例收缩。此属性用于控制 Flex 元素如何响应 Flex 容器中的可用空间。
当我们在 Flex 容器内的元素上定义flex-shrink属性时，我们指定该元素相对于同一容器内的其他 Flex 元素收缩的能力。flex-shrink属性接受一个数值，该数值指示与具有不同flex-shrink值的其他元素相比该元素可以收缩的比率。
值得一提的是，如果所有元素的flex-shrink值都等于 0，即使 Flex 容器没有足够的空间来显示所有元素，它们也将保持原始大小。但是，如果至少有一个元素的flex-shrink值不为 0，则具有较高值的元素将比较具有较低值的元素收缩得更多。