Javascript 如何显示不同高度大小的图像

我有一排，这一排有3篇文章，每篇文章里面都有一张照片， 但问题是当我去显示行时，出现了一些问题， 问题是照片的高度和大小不能相同，这让我的网站看起来很糟糕。图像链接------

请注意，每张照片的高度与另一张不同

使用引导

我的代码

'<div class='row'>
         // product 1
  <div class="col-sm-4 col-lg-4 col-md-4">
   <div class="thumbnail">
     <img src="/*Path here*/">
     <div class="caption max">
       <h2>/*subject*/</h2>
       <h4>Selling by /*name*/</h2>
       <p>/*main-information*/</p>
     </div>
   </div>
  </div>
          // product 2
  <div class="col-sm-4 col-lg-4 col-md-4">
   <div class="thumbnail">
     <img src="/*Path here*/">
     <div class="caption max">
       <h2>/*subject*/</h2>
       <h4>Selling by /*name*/</h2>
       <p>/*main-information*/</p>
     </div>
   </div>
  </div>
         // Product 3
   <div class="col-sm-4 col-lg-4 col-md-4">
   <div class="thumbnail">
     <img src="/*Path here*/">
     <div class="caption max">
       <h2>/*subject*/</h2>
       <h4>Selling by /*name*/</h2>
       <p>/*main-information*/</p>
     </div>
   </div>
  </div>
</div> // closing row '

'
//产品1
/*主题*/
按/*名称销售*/
/*主要信息*/

//产品2
/*主题*/
按/*名称销售*/
/*主要信息*/

//产品3
/*主题*/
按/*名称销售*/
/*主要信息*/

//结束行'

---

多谢各位

您可以为图像设置相同的大小：

.sameSize{
   width: 100px;
   height: 100px;
}

---

如果您不想这样做，您可以为文章设置相同的高度。

设置整个容器的最小高度

<style type="text/css"> 
    /* thubnail div */
    .thumbnail {overflow: hidden; box-sizing: border-box;}
    /* all images in thumbnail div*/
    .thumbnail img{min-width: 200px; min-height: 123px; width: 200px; height: 123px; max-width: 200px; max-height: 123px; } 
</style>

/*thubnail分区*/
.缩略图{溢出：隐藏；框大小：边框框；}
/*缩略图div中的所有图像*/
.缩略图img{最小宽度：200px；最小高度：123px；宽度：200px；高度：123px；最大宽度：200px；最大高度：123px；}

使用CSSSE直接在图像标签上设置高度，或CSSi已经设置了高度，但图像高度各不相同other@Abdullrahman.Shebli让我们看看你到底做了什么，我们无法从图片中做出判断，因此很清楚，你希望所有图片的高度都相等？请尝试扩展这个答案。像这样，它对未来的读者几乎没有帮助。