中心将水平图像对齐表格TD

Question

我创建了一个JSFIDDLE，其中我粘贴了从另一个堆栈交换线程在线获取的代码，以显示如何使用滚动来响应表。我在测试方法的同时修改了代码，它在我的机器上运行良好。我遇到的唯一问题是TD我的图像与小提琴中的图像在同一行，但图像底部对齐。基本上，我希望图像垂直居中对齐。因此，即使图像具有不同的高度，它们在水平滚动时也是中心对齐的。有什么建议吗？虽然图像链接已断开，但图像边界是可见的，因为我不想链接到互联网上的随机图像。

JSFIDDLE

<tr>
<td><img src = "test.gif" height="100px" width="500px"><img src = "test.gif" height="300px" width="600px"></td>
</tr>

由于

Answer 1

td img { vertical-align: middle; }可能就是所有需要的。 fiddle

Answer 2

td img{
  vertical-align:middle;
}

这将使td内的所有图像垂直对齐在中间，而不是底部。

JSFiddle