Outlook 桌面应用程序忽略边距 0 和填充 0
Outlook Desktop App ignores margin 0 and padding 0
我正在用 HTML 和 CSS 发送电子邮件。在大多数电子邮件客户端上,它工作正常,但 Outlook 桌面应用程序(我使用 Windows)忽略了 margin: 0
和 padding: 0
。我已经用 CSS:
这样声明了
*{
margin: 0;
padding: 0;
}
而且我找不到解决方案。
作为一般规则,假设电子邮件客户端只查看内联样式。 header 中的样式标签将被忽略。
这是使制作一致的 HTML 电子邮件特别乏味的方面之一。另一个不好的是需要嵌套表格以使其移动响应。
并非所有 e-mail 客户端都接受所有形式的 CSS 选择器。查看此 CSS Support Guide for Email Clients 以检查哪些客户端接受哪些 CSS 选择器。
作为替代方案,您可以将 padding
添加到内联元素(例如,body
标记):
<body style="padding: 0;">
</body>
但是,很遗憾,Outlook 桌面版不接受 margin
。这是 Outlook 不接受的a list of all the CSS。
我正在用 HTML 和 CSS 发送电子邮件。在大多数电子邮件客户端上,它工作正常,但 Outlook 桌面应用程序(我使用 Windows)忽略了 margin: 0
和 padding: 0
。我已经用 CSS:
*{
margin: 0;
padding: 0;
}
而且我找不到解决方案。
作为一般规则,假设电子邮件客户端只查看内联样式。 header 中的样式标签将被忽略。
这是使制作一致的 HTML 电子邮件特别乏味的方面之一。另一个不好的是需要嵌套表格以使其移动响应。
并非所有 e-mail 客户端都接受所有形式的 CSS 选择器。查看此 CSS Support Guide for Email Clients 以检查哪些客户端接受哪些 CSS 选择器。
作为替代方案,您可以将 padding
添加到内联元素(例如,body
标记):
<body style="padding: 0;">
</body>
但是,很遗憾,Outlook 桌面版不接受 margin
。这是 Outlook 不接受的a list of all the CSS。