Html 如何将flexbox元素推到单独行中剩余垂直空间的顶部？

我试图让flexbox元素移动到它上面的元素的正下方，但我不知道如何移动。有办法做到这一点吗？每个元素都应该是自适应的，但间距始终相同

请在代码段上使用全屏

.container{
保证金：0自动；
显示器：flex；
柔性包装：包装；
弯曲方向：行；
证明内容：中心；
调整项目：灵活启动；
}
.货柜组{
宽度：25em；
最小高度：75vh；
文本对齐：居中；
位置：相对位置；
最小高度：100px；
填充物：5px；
边缘：2米；
背景色：红色；
边界半径：0.6em；
页边顶部：0em；
弯曲方向：立柱；
显示器：flex；
证明内容：中心；
}

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计

嗨，伙计
嗨，伙计

无法使用flexbox完成。在不使用JavaScript的情况下实现此效果的唯一方法是使用CSS

columns

属性，但这意味着一旦调整大小，元素将从列的底部跳到下一列的顶部，反之亦然。JavaScript选项包括一些众所周知的脚本：砖石、同位素、引导瀑布和所谓的“Pinterest”脚本。这个问题以前被问过无数次。“请先研究一下这些。”安德烈·霍尔古我以前试过搜索，但我不知道如何准确地表达。我将寻找其他方法。对不起，你的意思是要把这些元素叠在一起吗？删除container div上的边距不会这样做吗？我不确定我是否完全理解这个问题，因为你的措辞不能用flexbox完成。在不使用JavaScript的情况下实现此效果的唯一方法是使用CSS

columns

属性，但这意味着一旦调整大小，元素将从列的底部跳到下一列的顶部，反之亦然。JavaScript选项包括一些众所周知的脚本：砖石、同位素、引导瀑布和所谓的“Pinterest”脚本。这个问题以前被问过无数次。“请先研究一下这些。”安德烈·霍尔古我以前试过搜索，但我不知道如何准确地表达。我将寻找其他方法。对不起，你的意思是要把这些元素叠在一起吗？删除container div上的边距不会这样做吗？从你的措辞来看，我不确定我是否完全理解了这个问题