Как сделать так, что бы высота блоков была одинаковая?

Question

[webe]

Как сделать так, что бы высота блоков была одинаковая?
т.е. если 3 блока расположеные по вертикали, по умолчанию они height 100%(будем считать что по 500 пикселей в высоту)

Но если допустим мы поместим очень много текста в 3 блок, он станет 4000px, как сделать так что бы первый и второй блок тоже стали 4000px? вся суть в том что они не горизонтальные, а вертикальные.

Answer 1

[nickerlan]

Для горзонтальных flexbox: просто {display:flex} на родительском контейнере
Для вертикальных css grid. {display:grid; grid-template-rows:"1fr 1fr 1fr"} на родительском контейнере

Comments

[webe]

nickerlan а если я заранее не знаю сколько будет внутри блоков? может быть 3 или больше

[nickerlan]

grid-auto-rows: 1fr;