Outlook 中的自定义样式填充

Question

我正在尝试在 Outlook 中创建自定义代码样式（背景为深色）。我几乎已经拥有了我想要的效果，但如果可能的话，我还想在文本周围添加一些填充。

我没有看到实际的 Padding 设置，但是通过添加边框，我认为我可以实现相同的效果：

但是，当我发送电子邮件时，对于接收者来说（以及在我发送的邮件中），它看起来像这样：

有谁知道为什么会发生这种情况，以及是否有办法用边框或其他技术（填充会很好）解决这个问题？

谢谢

Answer 1

从为什么我的边距在 Outlook.com 中不起作用？：

Outlook.com 不再支持以下 CSS 属性：margin、margin-top、margin-right、margin-bottom、margin-left。

在 Outlook.com 中，用段落标签上的填充替换边距效果很好，但微软的桌面客户端表现并不好：Outlook 2007/2010/2013 不支持块级元素上的填充。

因此，边距在桌面版本中有效，但填充无效。在 Outlook.com 中，填充有效，但边距无效。因此，只有当您和您的收件人只使用其中一种 Outlook 版本时，才有可能实现边距或填充解决方案。

在极端情况下，文章建议使用表格作为全面的解决方案：

使用<TD>边距和填充替换边距

将每块文本或图像放在其自己的<td>单元格内（以及内联 CSS 填充）可在主要电子邮件客户端中获得最佳效果。虽然纯粹的 Web 开发人士理所当然地不愿用非语义标记玷污他们的电子邮件，但这种方法多年来一直对我们很有效。虽然填充的工作方式与边距不太一样，但它可以完成工作。使用边框时要特别小心，因为您需要尝试嵌套表格才能在仅依赖填充的情况下获得所需的效果。