邮件 CSS 不适用?

发布于 2024-11-04 11:35:54 字数 489 浏览 3 评论 0原文

我不知道现在发生了什么事。我用非常简单的 CSS 组合了一个简单的页面。我使用表格是因为我知道你不能像正常的电子邮件那样使用 div 元素。因此,在我的浏览器中查看后,它看起来像这样:

https://i.sstatic.net/8FBtf。 png

通过邮件发送后(单元格数据已被替换):

https://i.sstatic.net/tuXvA.png

所以 CSS 根本不适用!

这是 HTML 和 CSS:

http://pastebin.com/PySeeW4m

有什么想法吗?

I have no idea what's going on now. I threw together a simple page with very simple CSS. I used tables cause i know you can't use div elements like normal for emails. So after viewing it in my browser, it looks like this:

https://i.sstatic.net/8FBtf.png

And after sending it through mail (the cells data has been replaced):

https://i.sstatic.net/tuXvA.png

So the CSS doesn't apply at all!

Here's the HTML and CSS:

http://pastebin.com/PySeeW4m

Any ideas?

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

追我者格杀勿论 2024-11-11 11:35:54

大多数电子邮件客户端仅读取通过 style= 标签内联提供的 CSS,Mailchimp 提供了一个很好的工具来自动执行此操作:

CSS 内联工具

Most e-mail clients only read the CSS if it is provided inline through style= tags, Mailchimp provides a great tool to do this automatically:

CSS Inliner Tool

云柯 2024-11-11 11:35:54

电子邮件中的 CSS 仅得到部分支持,并且客户端之间的支持差异很大。看看 http://www.campaignmonitor.com/css/
您可能需要将所有 CSS 内联以提高兼容性。

CSS in e-mail is only partially supported and support differs greatly amongst clients. Have a look at http://www.campaignmonitor.com/css/
You probably need to have all CSS inline for more compatibility.

逆蝶 2024-11-11 11:35:54

请考虑 fi gmail 从 HTML 模板中删除了样式定义。
您可以使用解决方法并直接在元素中包含样式信息,如下所示

<div style="width:150px">...</div>

要像现在一样使用 css,只需使用 css 解析器并通过正则表达式将其附加到元素

问候

please consider that f.i. gmail strips out style definitions from the HTML template.
You can use a workaround and include style information direct in the element like this

<div style="width:150px">...</div>

To use your css like it is right now just use a css parser and attach it to the elements via a regular expression

Regards

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文