Question

我正在努力处理需要像在Microsoft Outlook电子邮件正文中粘贴的HTML表格。

当我复制html输出并将其粘贴到电子邮件正文中时，您会注意到表1和表2周围的边距消失。出于某种原因，它仍然出现在表3和表4之间。您是否知道这里发生了什么以及如何解决它？

Jsfiddle如果你想复制输出：

该表的代码如下：

<table cellpadding="10" cellspacing="0">
    <TD valign="top">
        <table cellpadding="3" cellspacing="0" style="border: 2px dotted #c0c0c0; width:250px;margin-bottom:10px">
            <TD>1st Table</TD>
            <TR>
                <TD>1st Table</TD>
            </TR>
        </table>
        <table cellpadding="3" cellspacing="0" style="border: 2px dotted #c0c0c0; width:250px">
            <TD>2nd Table</TD>
            <TR>
                <TD>2nd Table</TD>
            </TR>
        </table>
    </TD>
    <TD valign="top">
        <table cellpadding="3" cellspacing="0" style="border: 2px dotted #c0c0c0; width:250px;margin-bottom:10px">
            <TD>3rd Table</TD>
            <TR>
                <TD>3rd Table</TD>
            </TR>
        </table>
        <table cellpadding="3" cellspacing="0" style="border: 2px dotted #c0c0c0; width:250px">
            <TD>4th Table</TD>
            <TR>
                <TD>4th Table</TD>
            </TR>
        </table>
    </TD>
</table>

Answer 1

outlook中不支持margin CSS属性，这有很多原因让人讨厌。您必须执行一种解决方法并使用填充或cellpadding / cellspacing来排序间距。

下面是每个邮件客户端中可用的CSS属性指南：https://www.campaignmonitor.com/css/

MS Outlook保证金问题的HTML表格

1 个答案: