css flex-shrink

`flex-shrink`是CSS Flexbox布局中的一个属性，用于控制弹性盒子项目在缩小空间时的收缩比例。它定义了项目在容器中的可用空间不足时，应该收缩的比例。

默认情况下，`flex-shrink`的值为1，表示项目将按比例收缩以适应剩余空间。如果多个项目都设置了`flex-shrink`属性，它们将根据各自设置的值进行收缩。如果一个项目的`flex-shrink`值为2，而另一个项目的值为1，则前者将以两倍速度收缩。

如果一个项目的`flex-shrink`值为0，它将不会收缩，即使有剩余空间。如果所有项目的`flex-shrink`值都为0，它们将不会发生收缩，而是保持原始大小。

以下是一个示例代码：

.container {
  display: flex;
}

.item {
  flex-shrink: 1;
}