Outlook 2007、2010 和 2013 上的右对齐图像有 1 像素的间隙答案

【问题标题】：Right-aligned image has 1px gap on Outlook 2007, 2010, and 2013Outlook 2007、2010 和 2013 上的右对齐图像有 1 像素的间隙
【发布时间】：2015-01-15 09:28:57
【问题描述】：

在我的电子邮件中，有一张右对齐的图片。问题是，它的右侧并没有完全贴在父表格单元格的右边缘，而是有一个 1px 的间隙。这只发生在 Outlook 2007、2010 和 2013 上，不会发生在其他版本的 Outlook 和其他电子邮件代理上。

请复制here 处的代码并将其发送到 Outlook 2007、2010 或 2013 以查看问题。

我尝试了很多解决方案，例如border-collapes、mso-table-rspace、mso-line-height-rule 等，但仍然没有运气。

【问题讨论】：

标签： html image email outlook

【解决方案1】：

当使用图像时，电子邮件往往会在图像周围添加宽度和高度时表现得更加一致，请查看我编辑的您的表格版本，其中包含您的图像。

<table align="center" width="600" cellpadding="0" cellspacing="0" border="0" bgcolor="ffffff">
<tr>
    <td width="600" align="right" bgcolor="ffffff" style="padding: 50px 0;">
        <table align="right" width="250" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="250" height="200" align="right">
                <img style="display: block;" src="http://placehold.it/250x200" width="250" height="200" border="0" alt="">
            </td>
        </tr>
        </table>
    </td>
</tr>
</table>

当<td> 或<table> 没有固定宽度，但立即外部<td> 或<table> 时，也会出现问题，因为内部<table> 或<td> 可能无法正确继承宽度。

我还没有机会对此进行测试，但如果可以的话我会的。

【讨论】：

我尝试了一些不同的东西，但看起来确实很奇怪！我什至尝试在它旁边放一个 100% 宽度的垫片来推动它，但结果是一样的。有趣的是，当放入 Dreamweaver 时，所见即所得窗口显示占位符图像所在表格的尺寸为 250(251)？抱歉，我无法提供更多帮助！