Outlook 的 HTML 电子邮件条件注释(边距)

标签 html css email outlook

在处理电子邮件模板时,我注意到 outlook 和 outlook.com 去掉了“边距”,我的解决方案是为这些客户添加额外的行,例如

<td height="20" valign="top">&nbsp;</td>

但我想在支持的客户端上使用 margin ,所以我把它放在一个条件 block 中

<!--[if mso]>
<td height="20" valign="top">&nbsp;</td>
<![endif]-->

任何人都知道是否所有版本的 outlook 都删除了边距,或者只是其中的一部分(较新的?)?我读到 Microsoft 放弃了对 margin 的支持,但我没有找到它被放弃的版本的任何信息。

我是否必须使用附加条件来避免像

这样的旧版本的 outlook 渲染余量
<!--[if (gte mso 12)]>

例如只影响 2007+?

最佳答案

不要那样做 -- 这个想法是你找到一个解决方案来解决你在任何地方的支持。不要破解或尝试调整电子邮件!

margin 在 Outlook 中受支持,但是 padding 受支持,所以使用 padding!

您还可以利用额外的覆盖范围,例如嵌套额外的表格 使用白色小图像来重新创建空间。总有一个解决方案可供您使用 - 如果您找到它而不是尝试使用条件进行破解,您的电子邮件会更加稳定。

这也是一个不错的reference .

具体到 2007 年展望 info .


但是如果你真的必须(叹息)..这是可能的;以下内容专门针对 Outlook 2007:

<!--[if gte mso 12]>
    <style type="text/css">
    /* Your Outlook-specific CSS goes here. */
    </style>
<![endif]-->

下面与 outlook 2007 相关的 mso 9 是更多列表:

Outlook 2000 - Version 9
Outlook 2002 - Version 10
Outlook 2003 - Version 11
Outlook 2007 - Version 12
Outlook 2010 - Version 14
Outlook 2013 - Version 15

Read More about this .

注意:虽然这是可能的,但我仍然怀疑使用这些会在长期错误中产生更多问题。

祝你好运!

关于Outlook 的 HTML 电子邮件条件注释(边距),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31612603/

相关文章:

html - CSS跨父元素拉伸(stretch)子元素

javascript - 将脚本放在 HTML 的底部总是好的吗?

php - PHP 文件中的大写链接

html - 奇怪的高度与 div 框

php - 我在电子邮件中的结果只显示 "resource id#7"

css - Windows 中 Outlook 电子邮件中的响应式填充

html - div中的图像在图像下方有多余的空间

javascript - 正则表达式检测第一组方括号内包含任何内容

php - 正则表达式查找和替换 HTML 注释标签的内容

php - 不允许在 CodeIgniter 中回复邮件?