Outlook 不支持 HTML 边距

Question

我正在开发一个具有动态间距的电子邮件模板，因此我将位置设置为边距，例如:

<td width="264px" bgcolor="#9ac5db" style="font-family:arial;font-size:12px;color:#000000;padding: 10px 5px 30px;" valign="top">
    <div name="nltitle" id="nltitle" style="font-family:arial;font-size:14px;color:#000000;display:block;text-align:center;margin:15px 0px 15px 0px;"><b>Test App</b></div>
                             
    <hr width="100%" color="#ffffff" size="3px">
                                         
    <div style="margin:10px 10px 30px 10px;text-align: left">
        Test App       
    </div>                             
</td>

这里我使用了 padding 和 margin 来动态设置空格，但它在 Outlook 中不起作用。我该如何解决这个问题？非常感谢任何帮助。

干杯，

乔治

Answer 1

Outlook.com 不支持边距，因此通常您应该在 html 电子邮件设计中避免它。而是像 mdesdev 建议的那样使用带有   的填充或间隔表单元格。

其他一些提示:

• 您应该删除 width="" 声明中的“px”
• 添加后备字体，因为非 Windows 用户没有 Arial
• 代替 CSS text-align:left;，使用 HTML align="left"
• 你不需要div，你可以使用所有的表格
• 您可能需要将速记 padding 值分成 padding-top、padding-bottom 等。从内存中我认为可能有在某些电子邮件客户端中使用速记方式书写时会出现问题。

比你要求的更多的信息，但我希望它能帮助...