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

=== 计算收缩比例 ===
假设三个项目的<code>flex-basis</code>均为150px，容器的总宽度为300px，则：
1. 总空间不足：<math>150 \times 3 - 300 = 150 \text{px}</math>
2. 收缩比例计算：
   * 项目1：<math>1 \times 150 = 150</math>
   * 项目2：<math>2 \times 150 = 300</math>
   * 项目3：<math>0 \times 150 = 0</math>
   * 总和：<math>150 + 300 + 0 = 450</math>
3. 实际收缩量：
   * 项目1：<math>150 \times \frac{150}{450} = 50 \text{px}</math> → 最终宽度：<math>150 - 50 = 100 \text{px}</math>
   * 项目2：<math>150 \times \frac{300}{450} = 100 \text{px}</math> → 最终宽度：<math>150 - 100 = 50 \text{px}</math>
   * 项目3：不收缩 → 最终宽度：150px