html 我如何让我的div行以相同的高度显示它的图像,它们随着我添加的每个div列而不断变小以满足col12?

bjg7j2ky  于 2022-11-20  发布在  其他
关注(0)|答案(1)|浏览(123)

我让所有的图片都有相同的高度,但它们并不在同一水平线上。就像它们从下面向上爬一样。几乎就像有一个werid填充。这是我的HTML,我有问题。如果有问题的话,我仍然使用bootstrap 3。我可以让我所有的div都有相同的大小吗?我对这个比较陌生。任何帮助都将不胜感激。

<div class="row">
  <div class="col-md-5 col-sm-5 col-ts-12"><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="https://cdn.shoplightspeed.com/shops/627981/files/49856582/plan-an-event.png" alt="" width="500" height="360" /></div>
  <div class="col-md-4 col-sm-4 col-ts-12"><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="https://cdn.shoplightspeed.com/shops/627981/files/49730699/b-h.png" alt="" width="400" height="360" /></div>
  <div class="col-md-3 col-sm-3 col-ts-12"><img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;" src="https://cdn.shoplightspeed.com/shops/627981/files/49734914/memeber.png" alt="" width="300" height="360" /></div>
</div>
</div>

我厌倦了使用flexbot或浮动他们,但这种情况总是发生。再次,我仍然是非常新的所有这一切,所以我不是太精通所有的术语。谢谢你的任何建议!在第一次我用了一个表格格式,这工作,但我希望图像能够调整下来,以在另一个顶部移动的查看。我一直在https://html-cleaner.com/测试这一点
here is what it looks like currently

相关问题