Image 在表格中创建图像库，但响应迅速

我正在制作一个摄影画廊，我在保持所有东西一致方面遇到了问题

我应该马上指出，这个图库会被其他人使用，我无法控制他们上传的图像的纵横比

我用3x col-md-4创建了一个画廊，每一列都有一张照片。 当我在同一行中有一个垂直、一个水平和一个全景图像时，问题就出现了

考虑到不同的纵横比，它们不会垂直对齐。 我修复了这个问题，为每个类创建了一个类，并专门为这个纵横比添加了padding top，但是当涉及到图像大小时，变量太多了，我需要100行css才能将它们全部覆盖

我真的很想让这个画廊与桌子，因为它将有垂直对齐，无论图像大小，但我会失去响应

有没有办法做到这一点？关于如何包括表和使td响应的一些技巧

请记住，我在这方面是个新手，我会很感激“填鸭式喂食”

作为参考，这是我在不了解bootstrap时创建的第一个网站，它具有我想要实现的画廊风格- 您可以注意到，无论宽高比如何，每张照片都是完美对齐的。

在css中，有些问题。 您可以更改css代码：

在Layout.css第112行中。 改变

及 您的表格css提供：

 margin-left:160px;

 margin-left:160px;