css - 底部对齐自举缩略图，同时保持它们水平居中

Question

我已经阅读了很多类似的问题，并尝试通过在代码中添加带有位置的 div 来应用答案:绝对和相对图像，但我无法让它工作。

http://store9711.americommerce.com/milk-glass-vases-and-candle-holders.aspx

我需要将这些缩略图底部对齐，同时保持它们水平居中

谁能告诉我怎么做？

Answer 1

您将需要使用vertical-align 属性

CSS

.category-product .thumbnail img {
  display: inline;
  vertical-align: bottom; /*Add this line*/
 }
.category-product .thumbnail{ 
   display:block; 
}

同时将 display:block 赋给 anchor 标签以保持图像水平居中。