@zveronol

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

если 3 итема

пример
в первом итеме первый элемент по высоте 30 пикселей
во втором итеме первый элемент- 40
в третьем - 35
делем всем трем элементам - min-height: 40px

во втором итеме первый элемент по высоте 32 пикслелей
во втором итеме первый элемент- 45
в третьем 37
делаем всем трем элементам - min-height: 45px

и тд. элементов может быть много

https://jsfiddle.net/gm9zrbwf/1/
  • Вопрос задан
  • 131 просмотр
Пригласить эксперта
Ответы на вопрос 2
alams_stoyne
@alams_stoyne
Full Stack Developer - #PHP #CSS #JS #DB
$.fn.setMaxHeights = function() {
  var maxHeight = this.map(function(i,e) {
    return $(e).height();
  }).get(); 
  return this.height( Math.max.apply(this, maxHeight) );
};

$('.item').setMaxHeights();
Ответ написан
Raxen
@Raxen
Frontend Developer, ~/.space307
В общем есть вариант собирать все итемы, брать высоту самого высокого контейнера и вешать всем
function setMinHeight(items) {
  const minHeight = Math.max(...items.map(item => item.offsetHeight));
  itemsArr.map(item => item.style.minHeight = minHeight);
}

const itemsArr = Array.from(document.querySelectorAll('общий селектор или селекторы'));
setMinHeight(itemsArr);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы