height - 如何使用 MooTools 均衡元素的高度？

Question

我有一个带有可变数量的子 div（2-4）的 div。

我想将这些 div 的高度与内容最多的 div 的高度（最高的 div）相匹配。

我从未使用过 MooTools，但在这种情况下我必须使用。

我知道我首先必须检查父 div 包含多少个 div，然后获取它们的所有高度，然后确定最大的一个，然后将该高度应用于所有子 div。虽然我不知道语法。

Answer 1

这并不难。这是一个小函数，它将查看传递的任何元素，并将选择该批次的最大高度，然后将其应用于所有元素。

var equalElements = function(els){
    // make elements equal height to max height of the set.
    var height = Math.max.apply(Math, els.map(function(el){
        return el.getSize().y;
    }));

    els.setStyle('height', height);
};

// pass on a collection of elements
equalElements(document.getElements('div.equals'));

您也可以将其添加到 Elements 原型中。

Elements.implement({
    equalHeight: function(){
        // make elements equal height to max height of the set.
        var height = Math.max.apply(Math, this.map(function(el){
            return el.getSize().y;
        }));

        this.setStyle('height', height);
    }
});

$$('div').equalHeight();

见http://jsfiddle.net/dimitar/h6CAc/