Question

我在2个单元格行的单元格1中有一个图像。单元格2中有文本。因为Outlook.com决定在文本之间提供额外的间距（与其他浏览器相比），它会使整行扭曲（增加高度）：但单元格1中的图像保持与单元格顶部对齐

我尝试强制文本的行高，但这不起作用。

目前我的代码是：

<td style="vertical-align: middle;" valign="middle">
<p style="text-align: center;">
<img style="margin: 0 auto; vertical-align: middle;" valign="middle" title="Date and Venue" alt="Date and Venue" src="imgURL" height="x" width="y">
</p>
</td>

但Outlook.com会忽略所有这些说明。

如何在单元格中设置图像中心？

Answer 1

图片应始终在电子邮件中有display:block;。你不需要任何margin或css对齐的东西。以下是您的基本示例：

<table width="100" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100" height="100" align="center" valign="middle" bgcolor="#cccccc">

<img style="margin: 0; border: 0; padding: 0; display: block;" src="" width="50" height="50" alt="">

    </td>
  </tr>
</table>

HTML电子邮件 - Outlook.com无法识别图像的垂直对齐控件

1 个答案: