如何使用MooTools来均衡元素的高度？
如何使用MooTools来均衡元素的高度？
提问于 2013-01-18 22:10:43
我有一个div，其中包含数量可变的子div (2-4)。
我希望将这些div的高度匹配到内容最丰富的div的高度(最高的div)。
我从未使用过MooTools，但在这种情况下，我必须使用它。
我知道我必须首先检查父div包含多少个div，然后获取它们的所有高度，然后确定最大的一个，然后将该高度应用于所有子div。不过我对它的语法一无所知。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-01-18 22:26:37
这并不是很难。这是一个小函数，它将查看传递的任何元素，并选择最大高度的地块，然后将其应用于所有元素。
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 prototype。
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/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14400662
复制相关文章
相似问题
腾讯云开发者
