UL下所有锂元素的高度相等

时间:2014-08-11 13:20:49

标签: jquery css

任何人都知道我们如何为<li>元素下的所有<ul>元素使用相等的高度?

2 个答案:

答案 0 :(得分:2)

有可能。请参阅下面的JS代码,它可以对所有<li>元素应用相同的高度:

setHeight($('.media-listing > ul > li'));

function setHeight(col) {
    var $col = $(col);

    var $maxHeight = 0;
    $col.each(function () {
        var $thisHeight = $(this).outerHeight();
        if ($thisHeight > $maxHeight) {
            $maxHeight = $thisHeight;
        }
    });
    $col.height($maxHeight);
}

答案 1 :(得分:0)

你不需要任何复杂的东西......你可以通过纯粹的造型来做到这一点!

CSS:

利{

height: 100px; //you can also use percentages - 100%
max-height: 100px; //just to make sure
min-height: 100px; //just to make sure

}

如果他们在做完之后不相同,那么其他东西,无论是另一种风格还是一些javascript正在影响它。不要通过制作另一个错误来纠正一个错误,这样你的代码就会快速降级。搜索外部影响并以正确的方式纠正它。