具体的使用方式如下：
/* 语法 */
flex-shrink: number;
/* 示例 */
.item {
flex-shrink: 2; /* 项目在弹性容器中会比其他项目更快地缩小，释放更多的空间 */
}
- number: 定义了项目的缩小比例。默认值为 1，表示项目在空间不足时会等比例缩小。
在弹性盒子中，当弹性容器空间不足时，flex-shrink 决定了项目缩小的比例。这是一个相对值，用于表示项目相对于其他项目的缩小比例。
如果所有项目的 flex-shrink 都为 1，它们将等比例缩小。如果一个项目的 flex-shrink 为 2，而另一个项目的 flex-shrink 为 1，前者将比后者更快地缩小。
以下是一个简单的例子：
.container {
display: flex;
}
.item1 {
flex-shrink: 1; /* 默认值，等比例缩小 */
}
.item2 {
flex-shrink: 2; /* 比 item1 更快地缩小 */
}
这样，当容器空间不足时，item2 会比 item1 更快地缩小，释放更多的空间。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6070/CSS