HTML 电子邮件中边距的替代方法是什么？答案

【问题标题】：What's an alternative to margin in HTML Email?HTML 电子邮件中边距的替代方法是什么？
【发布时间】：2011-12-11 08:31:02
【问题描述】：

Hotmail 不支持 HTML 电子邮件中的边距。有其他选择吗？

【问题讨论】：

我相信我过去使用 HTML 表格来格式化 HTML 电子邮件，并使用单元格填充来填充空格。你可以试试这样的。

标签： css html-email

【解决方案1】：

我能够摆脱透明的水平条，使用填充来修改高度。例如：

<hr style="border: transparent; padding: 1px;">

【讨论】：

【解决方案2】：

我建议使用表格并调整列的宽度。 HTML 电子邮件有时更适合使用表格。此外，您可以查看收件箱中的一封电子邮件，该电子邮件执行您想要的操作并检查源代码。

由于这个答案似乎有点含糊，我还想指出a very complete answer，它更详细地介绍了 html 电子邮件。

注意：

当谈到电子邮件 HTML 时，请注意，所有来自 Web 开发的最佳实践都被忽略了。

【讨论】：

【解决方案3】：

这是一个使用表格的例子，

<table border="0" cellspacing="0" cellpadding="0" align="left" style="width:600px;margin:0 auto;background:#FFF;">
    <tr>
        <td colspan="5" style="padding:15px 0;">
            <h1 style="color:#000;font-size:24px;padding:0 15px;margin:0;">Header</h1>
        </td>
    </tr>
    <tr>
        <td style="width:15px;">&nbsp;</td>
        <td style="width:375px;">
            Left Column Content
        </td>
        <td style="width:15px;">&nbsp;</td>
        <td style="width:180px;padding:0 0 0 0;">
            Sidebar Content
        </td>
        <td style="width:15px;">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="5" style="padding:15px 0;">
            <p style="color:#666;font-size:12px;padding:0 15px;margin:0;">Footer</p>
        </td>
    </tr>
</table>

住在这里http://jsfiddle.net/Wr76m/

【讨论】：