2

我在 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 忽略了。

如何使图像在单元格中居中？

4

1 回答 1

3

图像应始终包含display:block;在电子邮件中。您不需要任何边距或 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>
于 2013-04-19T15:44:37.120 回答