Flex容器在包装上不会收缩

Question

当容器中的物品包装好后，我需要flex容器收缩以适合内容。物品必须具有固定的宽度。

这是怎么做到的？

这里是一个例子：

      .wrapper {
        display: flex;
        border: 1px solid red;
        flex-wrap: wrap;
      }
    
      .item {
        height: 40px;
        background-color: green;
        margin: 10px;
        width: 300px;
      }

    <div class="wrapper">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
    </div>