Открыть меню    

Колонки одинаковой высоты

При конструировании сайта часто требуется, чтобы колонки (блоки) по высоте были одинаковы, то есть мы хотим получить колонки идентичные колонкам таблицы. Данный фрагмент jquery кода вычисляет высоту самой большой колонки и автоматически присваивает данную высоту остальным колонкам.

jQuery

var max_height = 0;
$("div.col").each(function(){
    if ($(this).height() > max_height) { max_height = $(this).height(); }
});
$("div.col").height(max_height);

Комментарии к статье

аватарка пользователя
2014-06-30
Евгений

Совсем недавно нужно было сделать подобную штуку - колонки одинаковой высоты. И ведь сделал...
Только немного иначе чем у вас. Вот мой вариант:

$(document).ready(function(){
var Hide = $('.block').height();
$('.block-1').height(Hide);
});

Всё отлично работает!

аватарка пользователя
2014-07-30
Виталий

Большое спасибо. Давно искал такой скрипт.

Добавить комментарий к сниппету