Div 样式在 Outlook 电子邮件中不起作用

Question

我已经使用 Div 标签为电子邮件创建了一个 HTML 模板。

它在 Gmail、Yahoo 上运行良好。

但 Div 样式在 Outlook 中不起作用。

以下是我使用的代码。

 <div style="margin:auto;padding:auto;background-color:#FFFFFF;width:600px;border:0px;">
Testing Email
</div>

我已经设置 div 宽度 600px 也使边距和填充自动。这样它就会显示在屏幕中央。

但它不是那样工作的。

Gmail、Yahoo 在屏幕中央显示电子邮件

请建议我如何解决这个问题。

原文由 Sunny Patial 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

应用于 div 的浮动宽度和位置 CSS 样式在 Outlook 中不起作用。

• Link Now Dead - https://www.campaignmonitor.com/blog/post/3472/div-tags-in-html-email-newsletters/ （见下表）

这是表格在电子邮件中仍然大量使用的主要原因。

原文由 LiamB 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我建议您使用表格标签制作基本的 html 结构。

然后您可以使用“div”标签插入“td”标签。

电子邮件模板很痛苦，因为大多数很酷的东西都不起作用 :D

原文由 Matej Žvan 发布，翻译遵循 CC BY-SA 3.0 许可协议