Question

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

我希望将这些div的高度与具有最多内容（最高div）的div的高度相匹配。

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

我知道我首先必须检查父div包含多少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/

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

1 个答案: