Question

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

它适用于Gmail，雅虎。

但是Div风格在Outlook中不起作用。

以下是我使用的代码。

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

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

但它没有像那样工作。

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

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

Answer 1

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

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

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

Answer 2

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

然后你可以使用＆＃34; div＆＃34;标签insde＆＃34; td＆＃34;标签

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

Answer 3

这是DIV属性兼容性表（摘自www.campaignmonitor.com，请参阅LiamB答案）：

Client                  Float   Position  Margin  Width
Outlook 2003 / Express  Yes     Yes       Yes     Yes
Windows Live Hotmail    Yes     No        Yes     Yes
Yahoo! Mail             Yes     No        Yes     Yes
Outlook 2007 / 2010     No      No        Yes     No
iPhone                  Yes     Yes       Yes     Yes
Gmail                   Yes     No        Yes     Yes
Apple Mail 4            Yes     Yes       Yes     Yes
Lotus Notes 6.5 & 7     No      No        No      No

Answer 4

由于对div的支持有限，HTML电子邮件主要基于表格...主要是在Outlook Windows中。您可以将div用于某些用途，但我建议仅将其用于mobileOn / mobileOff类型类和某些显示。

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

4 个答案: