Как установить одинаковую высоту двух блоков?

Question

[Forge0100]

Это Table-блок, но высота двух блоков не одинакова, причина в том что я эти 2 блока обвернул ссылкой

Вот CodePen

Answer 1

[holfza]

codepen.io/anon/pen/RWMNGJ

Comments

[Forge0100]

Закрашивание фона ссылки не очень хорошая идея, так-как выравнивание по центру корректно не работает

[holfza]

Выравнивание по вертикали?

[Forge0100]

holfza: да

[holfza]

codepen.io/anon/pen/RWMNGJ

[Forge0100]

holfza: Спасибо!

[tef]

Что-то я не пойму почему просто не задать одинаковую высоту блокам и line-height сделать равной высоте, если нужно выравнивание?

[tef]

Вообще блочный элемент в строчном это не кошерно

Answer 2

[westdp]

Держи скриптец)

var columns = $('.footer__link');
    $(window).resize(function () {
        setEqualHeight(columns);
    });
    $(document).ready(function () {
        setEqualHeight(columns);
    });
    $(window).ready(function () {
        setEqualHeight(columns);
    });
    function setEqualHeight(columns) {
        if (columns.length < 3) {
        var tallestcolumn = 0;
        columns.css('height', '');
        columns.each(function() {
            currentHeight = $(this).height();
            if(currentHeight > tallestcolumn) {
                tallestcolumn = currentHeight;
            }
        });
        columns.height(tallestcolumn);
        }
    }

Answer 3

[Sulin]

я пользуюсь таким вариантом на js для выравнивания высоты блоков.

jsfiddle.net/Sulim/t91Lm5ha

в функцию нужно передать или один селектор или перечисление через запятую как обычно в jquery.
только лучше вызывать функцию в $(window).load(function(){ ... }); а то может не ровно посчитать.