如果横轴上有足够的空间，是否可以只将Flexbox换行？

Question

如果十字轴上有足够的可用空间来容纳项目而又不会溢出，是否可以控制Flexbox仅将项目包装到新行上？

以下是我希望自动换行的示例：

这是我想避免的包装示例：

当横轴上的项目没有足够的空间时，我宁愿使项目均匀缩小，而不是换行。

这是我到目前为止所拥有的：

.resize {
  height: 300px;
  resize: both;
  overflow: auto;
}

.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  height: 100%;
  background-color: yellow;
}

.wrapper > div {
  flex: 0 1 auto;
  width: 100px;
  height: 100px;
}

.one {
  background-color: red;
}

.two {
  background-color: green;
}

.three {
  background-color: blue;
}

<div class="resize">
  <div class="wrapper">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
  </div>
</div>

是否可以通过flex或grid来获得所需的行为？