Блоки одинаковой высоты динамически
Как задать блокам одинаковую высоту. Вариант с jQuery.
Дата публикации
9 Августа 2019
Дата изменения
4 Июля 2020
Уникальных просмотров
1.049
Если вам необходимо задать всем блокам внутри контейнера (или без него) одинаковую высоту, можно применить инструмент jQuery.
Одинаковая высота блоков с помощью jQuery
Небольшая jQuery функция, которая вычисляет высоту всех (заданных вами) блоков, находит наибольшую и задает её всем остальным блокам.
$(document).ready(function () {
// Указываем какие блоки измерять
setEqualHeight($('article > .container > a'));
function setEqualHeight(columns) {
var tallestcolumn = 0;
// Проходимся по всем блокам
columns.each(
function () {
// Ищем наивысшую высоту
currentHeight = $(this).height();
if (currentHeight > tallestcolumn) {
tallestcolumn = currentHeight;
}
}
);
// Задаем блокам наивысшую высоту
columns.height(tallestcolumn);
}
});
Время работы: 0,1063 s
Время запросов: 0,1063 s
Количество запросов: 25
Источник: cache
Время запросов: 0,1063 s
Количество запросов: 25
Источник: cache