Outlook邮件中Div样式不起作用

Question

Outlook邮件中Div样式不起作用

htmlcssemailoutlook-2007email-templates

15

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

在Gmail和Yahoo上可以正常工作。

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

以下是我使用的代码。

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

我已经将 div 的宽度设置为600像素，并使边距和填充自动调整，以便它显示在屏幕中央。

但它并没有按照预期工作。

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

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

- Sunny Patial

使用表格布局您的模板，这是创建电子邮件模板更有效的方式。 - Red Virus

4个回答

4

我建议您使用表格标签创建基本的HTML结构。

然后您可以在“td”标签中使用“div”标签。

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

- Matej Žvan

2

以下是来自www.campaignmonitor.com（参见LiamB答案）的DIV属性兼容性表格：

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

- Niente0

1

HTML邮件主要基于表格，因为对div的支持有限...尤其是Outlook Windows。你可以使用div来做一些事情，但我建议只在移动端/非移动端类型的类和特定显示上使用它。

- Richard Clifford

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- LiamB · Accepted Answer

应用于div的浮动宽度和位置CSS样式在Outlook中无效。

链接已失效 - https://www.campaignmonitor.com/blog/post/3472/div-tags-in-html-email-newsletters/ （请查看表格中部）

这是为什么电子邮件中仍然广泛使用表格的主要原因。