Сделайте высоту ячеек сетки независимой - PullRequest
0 голосов
/ 13 января 2019

Я хотел бы знать, может ли кто-нибудь помочь мне здесь ..

Я пытаюсь создать сетку из 3 столбцов.

Проблема, с которой я сталкиваюсь, заключается в том, что после установки.

.container => display: grid и grid-template-columns: repeat (3, 1fr) Я получаю 3 столбца, но строки всегда имеют высоту самого высокого ряда.

Итак, скажем, у меня есть 6 div, которые загружают их содержимое.

2 div имеют высоту 50px, а два других в первом ряду 30px; 4 div будет отображаться во 2 ряду после 50px.

Теперь, есть ли способ сделать высоту ячеек независимой? Может быть, не с сеткой? Может быть, с Flexbox?

Единственное, что ... Я не хочу устанавливать фиксированную высоту для чего-либо, они будут автоматически получать данные в зависимости от их содержимого.

Спасибо!

...