Сделайте все ковши одинаковой высоты с помощью гибкого дисплея - PullRequest
Новая
       5

Сделайте все ковши одинаковой высоты с помощью гибкого дисплея

0 голосов
/ 09 июля 2020

Привет, может кто-нибудь помочь мне добиться того, чтобы все ковши имели одинаковую высоту с гибким дисплеем? Высота верхнего ряда отличается от высоты нижнего ряда. Вот 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;
}
...