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

Posted 2021-04-01

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

它在Gmail，雅虎上运行良好。

但Div风格不适用于Outlook。

以下是我使用过的代码。

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

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

但它不像那样工作。

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

请建议我如何解决此问题。

答案

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

• 链接现在死 - https://www.campaignmonitor.com/blog/post/3472/div-tags-in-html-email-newsletters/（见表中途）

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

另一答案

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

然后，您可以在“td”标记内使用“div”标记。

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