在表格中製作圖片庫，但響應度很高

Question

我正在拍攝一個攝影畫廊，我在保持所有內容對齊方面存在問題。

我應該馬上指出這個畫廊會被其他人使用，並且我無法控制他們上傳的圖片的高寬比。

我創建了一個使用3x col-md-4的畫廊，每列都有一張照片。 當我在同一行中有一個垂直，一個水平和一個全景圖像時，就會出現問題。

考慮到不同的寬高比，它們不會垂直對齊。 我通過爲每個類創建類幷包括專門用於該寬高比的填充頂部來解決此問題，但涉及到圖像大小時存在太多變量，我需要100行css才能將它們全部覆蓋。

我真的很想讓這個畫廊的表格，因爲它會有垂直對齊，無論圖像的大小，但然後我會失去響應。

有沒有辦法做到這一點？一些訣竅如何包括表和使TD響應。

請記住，我對此非常感興趣，並希望「勺子餵養」。

供參考，這是我的第一個網站的時候我還沒有收到有關自舉的想法我做了，並且有我想要達到的畫廊風格 - http://www.robertmaric.net/gallery/landscape 你可以看到，每一張照片都是完全一致，無論縱橫比。

Answer 1

在你的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;