对于表,您可以使用
<table border="1" cellpadding="0" width="100" height="100">
<tr>
<td align="center" >
<a href="#">
<img src="{IMG_SRC}" style="width:30px;">
</a>
</td>
</tr>
</table>
在这种情况下,align="center"
将适用于 td 标签。
对于 div 标签,
<Div style="width:100px;border:1px solid;line-height: 100px;text-align:center;">
<a href="#">
<img src="{IMG_SRC}" style="vertical-align: middle;width:30px;" >
</a>
</div>
在这里,您必须 line-height: 100px;text-align:center;
为 div 元素添加样式,其中行高将是 div 元素的高度。您还必须添加vertical-align: middle;
到您的 img 标签。
这应该有效。
请参考工作示例
注意:我添加了一些额外的样式,例如可以删除边框等。此外,此解决方案还将使图像垂直和水平居中。