Расположение Div-ов

169
09 мая 2017, 03:08

Помогите сделать так чтобы несмотря на количество текста внутри все 4 div-а были ровными.

Answer 1

Сделать их таблицей, если не требуется адаптив и надо именно на html/css.

С помощью JS: 1 решение

И ещё один вариант

    $(document).ready(function(){
    $.fn.equivalent = function (){
            //запишем значение jQuery выборки к которой будет применена эта функция в локальную переменную $blocks
        var $blocks = $(this),
            //примем за максимальную высоту - высоту первого блока в выборке и запишем ее в переменную maxH
            maxH    = $blocks.eq(0).height(); 
        //делаем сравнение высоты каждого блока с максимальной
        $blocks.each(function(){
            maxH = ( $(this).height() > maxH ) ? $(this).height() : maxH;
            /*
            Этот блок можно записать так:
            if ( $(this).height() > maxH ) {
                maxH = $(this).height();
            }
            */
        });
        //устанавливаем найденное максимальное значение высоты для каждого блока jQuery выборки
        $blocks.height(maxH); 
    }
    //применяем нашу функцию в элементам jQuery выборки - $('.job')
    $('.job').equivalent(); 
});

Источник

Answer 2

Добавьте для .job:

vertical-align: top;
READ ALSO
Вывести дни месяц и год в таблице

Вывести дни месяц и год в таблице

Как сделать чтобы в таблице отображались:

371
Работа сайта, через pythonanywhere

Работа сайта, через pythonanywhere

Новичок в веб разработке

259
Как изменять iframe

Как изменять iframe

ЗдравствуйтеНужна помощь

361
Как сделать fullscreen page при помощи flex

Как сделать fullscreen page при помощи flex

Не могу отцентрить как нужно блоки в фулскрин странице

214