电子邮件客户端支持负保证金值吗？

Posted 2023-03-06

【中文标题】电子邮件客户端支持负保证金值吗？

【英文标题】：Email client support negative margin value?

【发布时间】：2014-03-19 21:27:29

【问题描述】：

请看下面的截图

我想将镜头定位在顶部区域。遗憾的是，电子邮件客户端不支持 position 值。所以我该怎么办。我可以将 margin-top 值用作负值吗？希望你能帮助我..提前谢谢

【问题讨论】：

我认为最好的办法是拥有这样的表结构：i.imgur.com/1ZhL4ae.png

@NickR 你的意思是剪切到该图像的不同部分..

是的 - 而不是弄乱负边距等。

对不起，这对我来说是不可能的。你还有其他想法吗？

并非如此，因为这是最可靠的方法。

【参考方案1】：

Hotmail 和 Outlook.com 不再支持以下 CSS 属性：

margin
margin-top
margin-right
margin-bottom
margin-left

这是Litmus..的声明。

【讨论】：

@你错了..请检查链接campaignmonitor.com/css.. Gmail 工作正常。

@Nikhilkrishnan 你能通过粗略的 html 页面，以便我可以测试它并试一试。

Gmail 和 Hotmail 确实支持边距：正如@Krish 所说：campaignmonitor.com/css 你从哪里得到它们在这些浏览器中不起作用的来源？

@aaron-coding 我已经更新了答案并添加了源代码。希望你不要说石蕊在撒谎。

@KheemaPandey 好的，由于您添加了来源，我不赞成您的回答。

【参考方案2】：

虽然这个问题是不久前提出的，但由于没有完整的答案并且问题可能仍然存在，因此我决定提供更新。

编辑：

我忍不住在一些邮件客户端中测试 position relative 和 margin-top 的负值...

Thunderbird 60：同时支持 ✓ Gmail.com（在 Firefox 中）：都不支持 Outlook.live.com（在 Firefox 中）：都不支持 Roundcube 1.2.0（在 Firefox 中）：同时支持 ✓ K9 5.600（在 android 中）：两者都支持（但定位非常差）✓

我没有测试过大多数电子邮件客户端，因为这些数据足以让我暂时不使用它（2020-03）。

原文：

位置属性将支持问题中所述的解决方案。在此处阅读更多信息https://developer.mozilla.org/en-US/docs/Web/CSS/position

我没有测试过，但是根据https://templates.mailchimp.com/resources/email-client-css-support/ Outlook、Apple mail、Windows Live 邮件、ios 6、Android 4.2、Android 2.3 支持属性 position 和 top。

Gmail、Yahoo!、Gmail 应用、Outlook 2007 - 2013 并且不支持 position 属性。

只有列表中的 Outlook.com 不能使用边距。很抱歉，我无法确认是否可以使用负边距。

【讨论】：

我可以确认 Apple 邮件支持它，而基于 Chromium 的浏览器上的 Gmail 不支持