在将弹性容器的高度固定到最高的孩子的同时包裹柔性物品

Question

我在flex-container中有4个div，想减少空间 在附图（Current）中指示的两个div之间。 我已经给了flex-container“wrap”-prop。我该怎么处理？

当前

所需

HTML

<div className="flex-container">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

CSS

.flex-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;

    div {
        width: 30%;
        min-width: 300px;
    }
}