html - 如何在 中垂直对齐图像

Question

我有一个 <td>其中两个图像 () 驻留如下所示。一个比另一个高很多。如何让较短的对齐到 <td /> 的顶部？

<td  style="padding-left: 0px; cursor: pointer; vertical-align: top;">
<img width="85px" src=".../xyz.png"/>
<img src=".../icon_live.gif" /> // shorter one
</td>

Answer 1

您需要为图像本身设置垂直对齐方式。

<style>
td img { 
  vertical-align: top;
}
</style>