HTML 邮件中 style 属性总是被去掉, 为什么?

发布于 2022-09-03 08:02:48 字数 1984 浏览 25 评论 0

用 Outlook 跟 Gmail 做测试, 不知道触发了什么规则, inline CSS 常常丢失,
比如我在 <td> 上加 padding:0 子节点某个 `<div> 的 style 全没了.
不理解

比如这样的 HTML, 通过 putsmail.com 服务发送到邮箱:

<table style="font-family:PingFang SC,Lantinghei SC,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans;width:100%;background-color:#f7f7f7;border-collapse:collapse;border:none;"><tbody><tr><td style="padding:0;"><div style="font-size:24px;font-family:PingFang SC,Lantinghei SC, Microsoft Yahei, Helvetica Neue, sans-serif;font-weight:lighter;padding:32px 16px;">X message</div></td></tr><tr><td style="padding:0;"><div style="padding:8px 16px;"><span>${data.title}</span><span style="font-size:13px;font-family:Menlo,Consolas,Ubuntu Mono,monospace;margin-left:32px;color:#999999;">${data.time}</span></div><div style="padding:8px 16px;"><span>${data.message}</span><span style="font-size:13px;font-family:Menlo,Consolas,Ubuntu Mono,monospace;margin-left:32px;color:#999999;">${data.commit}</span></div><div style="padding:16px;background-color:#f0f0f0;font-family:Menlo,Consolas,Ubuntu Mono,monospace;font-size:14px;white-space:pre-wrap;line-height:1.6;color:#666666;margin:16px 0;">${data.logs}</div></td></tr><tr><td style="padding:0;"><div style="background-color:#293d29;color:#ffffff;padding:16px;font-size:12px;">by X</div></td></tr><tr></tr></tbody></table>

然后有一个节点的 style 就全丢失了.

clipboard.png

正常应该是这样的:

clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文