一个高度的缩略图
Thumbnails with one height
我希望我的缩略图具有相同的高度。看图片:
我尝试了我在那里找到的这段代码:
function equalHeight(group) {
var tallest = 0;
group.each(function() {
var thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.each(function() { $(this).height(tallest); });
}
但它不计算图像大小。它也无法处理 window 尺寸变化。如何解决?
我建议你使用flexbox:http://www.w3schools.com/css/css3_flexbox.asp
我希望我的缩略图具有相同的高度。看图片:
function equalHeight(group) {
var tallest = 0;
group.each(function() {
var thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.each(function() { $(this).height(tallest); });
}
但它不计算图像大小。它也无法处理 window 尺寸变化。如何解决?
我建议你使用flexbox:http://www.w3schools.com/css/css3_flexbox.asp