Div填充/背景色在outlook中不起作用 这里有一些html。。。

Div填充/背景色在outlook中不起作用 这里有一些html。。。,html,css,outlook,html-email,Html,Css,Outlook,Html Email,顶部图片来自浏览器,底部图片来自outlook。正如你所看到的,底部的填充物不起作用。我不知道为什么会发生这种情况,请帮助。现在习惯于这种仅适用于outlook <div align="center" style="background:#bfcfe4;"><font face="Arial, Helvetica, sans-serif" style="font-size: 13px;"><br /><div style="width:666px; ba


顶部图片来自浏览器,底部图片来自outlook。正如你所看到的,底部的填充物不起作用。我不知道为什么会发生这种情况,请帮助。

现在习惯于这种仅适用于outlook

<div align="center" style="background:#bfcfe4;"><font face="Arial, Helvetica, sans-serif" style="font-size: 13px;"><br /><div style="width:666px; background-color:#ffffff; margin:10px auto 40px; padding:10px 34px 34px;"><table width="670" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" style="font-family: Arial,Helvetica,sans-serif; font-size: 12px; color:#000000;"><tr><td>some html here...</td></tr></table></div></div>

您的代码中有一些古怪的东西。这可能是以下三个问题之一:

  • 保证金(你应该避免电子邮件中的保证金,因为有零星的支持)
  • 填充缺少第四个值(Outlook可能将其视为0,导致左侧没有填充)
  • 你的宽度加起来不合适。div应该是表的宽度+左填充+右填充

使用嵌套表也比使用div更好,因为它们不会引起太多麻烦。

div标记没有bgcolor属性。如果我错了,请纠正我。对div使用style=“background color:#ffffff;”。对于阅读此-div标记的任何人,它确实支持CSS“background color”,但不支持“height”-我可以验证
bgcolor=“#bfcfe4”
属性在Outlook中按预期呈现。此模板是预先制作的,在网站上应用了200多次,所有200个电子邮件模板都需要手动编辑,因此客户端不会同意此操作。outlook是否有可能修复此问题?包括IE在内的所有浏览器都会按要求显示电子邮件,但只有outlook会出现此问题。感谢您对代码的敏锐观察。我删除了边距,添加了嵌套表,解决了所有问题。
<div style="padding-left:34px;padding-right:34px;padding-top:10px;" bgcolor="#bfcfe4">