Как задать минимальную высоту всем итемам?

Question

[offsiderst]

есть итемы
например, у одного 20 пикселей
у другого 100
как задать минимальную высоту обеим итемам? (по 100)
высота блока может меняется в завимости от контента (поэтому js)

Comments

[Антон Литвиненко]

.Item { min-height: 100px;}?

[offsiderst]

Антон Литвиненко, высота блока может меняется в завиcимости от контента

[Антон Литвиненко]

offsiderst, вы вопрос свой читали? Как задать минимальную высоту обеим итемам. Минимальная высота не влияет на переполнение

[Антон Литвиненко]

offsiderst, дисплей флекс по умолчанию будет тянуть оба итема на высоту большего

Answer 1

[Александр Лелека]

var h = 0;
$(".item").each(function() {
if($(this).height() > h) h = $(this).height();
});

$(".item").css("min-height", h);

Answer 2

[FeST1VaL]

почему сразу JS? а если flex?

Answer 3

[deblow]

min-height: 100px

Comments

[offsiderst]

deblow, да, но высота блока может меняется в завиcимости от контента

[deblow]

можно чуть подробнее?

[offsiderst]

deblow, в адаптиве текст будет ужиматься
и там уже на каждом разрешении экрана будет другая высота
поэтому через js как то нужно

[deblow]

document.querySelector('класс').style.minHeight = '100px'