我正在制作一个摄影画廊，我在保持一致性方面存在问题。
我应该立即指出，这个画廊将被其他人使用，而且我无法控制他们在宽高比方面上传的图像。
我使用3x col-md-4创建了一个图库，每列都有一张照片。 当我在同一行中有一个垂直图像，一个水平图像和一个全景图像时，会出现问题。
考虑到不同的纵横比，它们不会垂直对齐。 我通过为每个方面创建类来修复此问题，并且包括专门针对该宽高比的填充顶部，但是在图像大小方面存在太多变量，我需要100行css才能将它们全部覆盖。
我真的想用桌子制作这个画廊，因为无论图像尺寸如何，它都会有垂直对齐，但我会失去响应能力。
有没有办法让这种情况发生？关于如何包含表和使td响应的一些技巧。
请记住，我对此非常陌生，并会感谢＆＃34;勺子喂养＆＃34;。
作为参考，这是我第一个在不知道引导程序时制作的网站，它具有我想要实现的图库风格 - http://www.robertmaric.net/gallery/landscape 你可以注意到，无论宽高比如何，每张照片都完美对齐。
答案 0 :(得分：0)
在你的CSS中有些问题。 你改变了css代码：
在 Layout.css第112行中 变化
text-align: center;
font-size: 12px;
color: #999;
font-weight: 100;
font-family: Arial,Helvetica,sans-serif;
padding: 10px 30px;
background-attachment: fixed;
background-repeat: no-repeat;
width:100%;
和 你的表css给：
margin-left:160px;