css - 使用 display flex 使所有存储桶具有相同的高度

Question

嗨，有人可以帮我实现所有桶的高度与柔性显示器相同吗？顶行与底行的高度不同。这是我正在使用的 CSS。https://i.stack.imgur.com/Ej2Ol.jpg

.outer-buckets 是所有桶的父容器。

.bucket 是单个存储桶

CSS：

.new-template-inner .outer-buckets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.new-template-inner .outer-buckets .bucket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

标签： cssflexbox