一个高度的缩略图

Posted 2023-03-29

【中文标题】一个高度的缩略图

【英文标题】：Thumbnails with one height

【发布时间】：2016-11-13 12:17:46

【问题描述】：

我希望我的缩略图具有相同的高度。看一下图片： 我尝试了我在那里找到的这段代码：

  function equalHeight(group)     
            var tallest = 0;    
            group.each(function()        
              var thisHeight = $(this).height();       
              if(thisHeight > tallest)           
                tallest = thisHeight;       
                  
            );    
            group.each(function()  $(this).height(tallest); );
           

但它不计算图像大小。它也不能处理窗口大小的变化。如何解决？

【问题讨论】：

How can I make Bootstrap columns all the same height?的可能重复

【参考方案1】：

建议你使用flexbox：http://www.w3schools.com/css/css3_flexbox.asp

【讨论】：

是的。有用。这个链接拯救了我的一天。 codepen.io/bootstrapped/pen/OMNYpq