【问题标题】:Email client support negative margin value?电子邮件客户端支持负保证金值吗?
【发布时间】:2014-03-19 21:27:29
【问题描述】:

请看下面的截图

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

【问题讨论】:

  • 我认为最好的办法是拥有这样的表结构:i.imgur.com/1ZhL4ae.png
  • @NickR 你的意思是剪切到该图像的不同部分..
  • 是的 - 而不是弄乱负边距等。
  • 对不起,这对我来说是不可能的。你还有其他想法吗?
  • 并非如此,因为这是最可靠的方法。

标签: html css position margin email-client


【解决方案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 不支持
猜你喜欢
  • 1970-01-01
  • 2010-11-13
  • 2011-07-30
  • 2010-11-21
  • 2010-11-13
  • 2020-01-16
  • 1970-01-01
  • 2011-10-31
  • 1970-01-01
相关资源
最近更新 更多