Выровнять высоту группы блочных элементов

Материал из JQuery

Перейти к: навигация, поиск

Допустим, что у нас имеется группа блочных элементов с различным содержимым, и нам нужно выровнять их высоту так, чтобы содержимое каждого из них не выходило за границы. Чтобы это сделать, нужно будет найти элемент с наибольшей высотой и установить эту высоту другим элементам. Допустим, что нам нужно выровнять элементы с классом box:

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

Используемые методы jQuery