Div填充/背景颜色在outlook中不起作用

Question

<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。正如您所看到的那样，底部的填充不起作用。我不确定为什么会这样，请帮忙。

Answer 1

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

• 保证金（因为有不稳定的支持，你应该避免电子邮件中的保证金）
• 填充缺失的第4个值（Outlook可能会将其视为0，导致左侧没有填充）
• 你的宽度不加起来。 div应该是表格的宽度+左边填充+右填充。

使用嵌套表比使用div也更好，因为它们会减少很多麻烦。

Answer 2

现在习惯了仅用于展示

<div style="padding-left:34px;padding-right:34px;padding-top:10px;" bgcolor="#bfcfe4">