将锚标签垂直对齐到中间。我错过了什么？

Question

我知道这是一个简单的问题，正如之前所要求的那样，但由于某些未知的原因，正确的解决方案对我不起作用。

我有一个电子商务网站，在类别页面上显示不同高度的产品图片。所有这些元素都包含在一个表行中，每个表都在它们自己的表格单元格和锚标记中。

我需要图像在细胞内垂直居中，但它们不会服从。我创建了一个js小提琴，以确认我的CSS是正确的： http://jsfiddle.net/hzg7j7nc/

在那个小提琴中，图像使用display:inline-block;和vertical-align:middle;垂直对齐。但是，我的实际网站上的相同设置并未垂直对齐图像。

我确定这是一个简单的css错误，我现在已经尝试追踪超过2个小时，并且失败了。也许一双新鲜的眼睛能抓住它？

您可以在以下位置查看此操作： http://xzkpt.jmsko.servertrust.com/Guitars-s/1820.htm

我附上了我的网站上无法正常工作的垂直对齐的屏幕截图：

Answer 1

你的category.css（第5行）中的

改变了这个：

table.v65-productDisplay > tbody > tr:nth-child(5n+1) > td[width="33%"] {
  border-top: 1px solid #d6d5d5;
}

到此：

table.v65-productDisplay > tbody > tr:nth-child(5n+1) > td[width="33%"] {
  border-top: 1px solid #d6d5d5;
  vertical-align: middle; /*new */
}

这将解决您的问题。