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">