默认设置下，flex项目不会收缩。

默认情况下，flex项目不会收缩。但是，如果你想要实现项目的收缩效果，你可以使用flex-shrink属性来控制项目的收缩比例。

下面是一个使用CSS代码示例，将flex项目设置为可收缩的：

HTML代码:

<div class="container">
  <div class="flex-item">Flex Item 1</div>
  <div class="flex-item">Flex Item 2</div>
  <div class="flex-item">Flex Item 3</div>
</div>

CSS代码:

.container {
  display: flex;
  flex-wrap: wrap;
}

.flex-item {
  flex: 1 1 auto; // 默认值，不收缩
  /* flex: 1 1 0; */ // 如果要设置为收缩，可以将第三个值设置为0
  /* flex: 1 1 1; */ // 如果要设置为等比例收缩，可以将第三个值设置为1
  /* flex: 2 1 0; */ // 如果要设置为2倍于其他项目的收缩比例，可以将第一个值设置为2
  /* flex: 0 1 auto; */ // 如果要禁止收缩，可以将第一个值设置为0
}

在上面的示例中，.flex-item类设置了flex: 1 1 auto;。这意味着项目将根据需要扩展或收缩，并且不会在空间不足时缩小。如果你把flex: 1 1 0;的注释取消掉，项目将会在空间不足时收缩。