编辑“︁CSS弹性收缩（flex-shrink）”︁（章节）

== 介绍 ==

弹性收缩（flex-shrink）定义了当弹性容器（flex container）的空间不足以容纳所有弹性项目时，各项目如何按比例收缩。默认情况下，所有弹性项目的<code>flex-shrink</code>值为1，意味着它们会等比例收缩以适应容器。如果某个项目的<code>flex-shrink</code>值为0，则该项目不会收缩。

弹性收缩的计算基于项目的初始大小（由<code>flex-basis</code>决定）和收缩因子（<code>flex-shrink</code>值）。收缩比例由以下公式决定：

<math>
\text{收缩比例} = \frac{\text{flex-shrink} \times \text{flex-basis}}{\sum (\text{flex-shrink} \times \text{flex-basis})}
</math>