弹性基础：强迫儿童固定尺寸

Question

对不起，我签出了多个答案，但似乎无济于事。如果有人可以指出正确的方向，那将会有所帮助！

我有一个包装纸和8个盒子：

<Wrapper>
  <Box></Box>
  <Box></Box>
  <Box></Box>
  <Box></Box>

  <Box></Box>
  <Box></Box>
  <Box></Box>
  <Box></Box>
</Wrapper>

我希望我的Flex包装器在4盒装后破裂，所以我希望连续有4盒装。我已经通过以下方式解决了这个问题：

包装器：

const Wrapper = styled.div`
  display: flex;
  flex-wrap: wrap;`;

方框：

const Box = styled.div`
  background-color: gray;
  width: 150px;
  height: 150px;
  margin: 5px;`;
  flex: 1 0 21%;`;

但是，我希望我的Boxs不会拉伸，我希望它们始终保持 150x150px。现在它们正在伸展，而不是150x150-我不知道该怎么办？