Question

我在这里有一个前景html电子邮件噩梦。基本上，顶部有一个表格和一个图像，底部有内容。：

enter image description here

图像总是减去1px，因此表格永远不会100％。有人知道解决方案吗？

<table cellpadding="0" cellspacing="0" style=
"margin-left:2px;padding:0px; width:846px; background-color:#000">
    <tr>
        <td>
            <div style="font-size: 0px;"><img border="0" src=
            "img/header1.jpg" style=
            "display:block;align:bottom;border:none;padding:0; width:846px;"></div>
        </td>
    </tr>

    <tr>
        <td>Blah.. Content</td>
    </tr>
</table>

Answer 1

我很确定这是来自Outlook border-collapse的问题。试试这个：

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse; padding:0; margin:0px;">
    <tr valign="top">
        <td align="left" valign="top">
            <img src="http://placekitten.com/g/640/300" width="640" height="300" alt="" style="display:block;" border="0" />
        </td>
    </tr>
</table>

Answer 2

对图像使用 img 标记。

Outlook使用Word呈现HTML标记。您可以在以下系列文章中阅读更多相关信息：

为什么Outlook从img中减去1px？

2 个答案: