Дата публикации
9 Августа 2019
Дата изменения
4 Июля 2020
Уникальных просмотров
939

Если вам необходимо задать всем блокам внутри контейнера (или без него) одинаковую высоту, можно применить инструмент 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,1293 s
Время запросов: 0,1293 s
Количество запросов: 25
Источник: cache