电子邮件模板、Outlook 和右对齐

email templates, outlook and right align

我的电子邮件模板在 Outlook 中遇到问题。 在所有其他电子邮件应用程序中,我的模板看起来像,但 outlook 总是左对齐我的按钮。这是我的:

<a style="display: block; text-align: right; margin-bottom: 10px;" href="-PRODUCT2URL-" target="_blank"><img style="display: inline-block" align-right src="https://marketing-image-production.s3.amazonaws.com/uploads/8b32ba0f98a4a49b628c0ccd072134aa3d287d9eb72a728573ec4f219a6139800392ddcc8413db10724b2c9070bee75141cc2ef7926f4af80372811faa299682.jpg" /></a>

outlook不仅忽略了右对齐,而且也没有margin bottom。 有谁知道我怎样才能让 outlook 右对齐这个按钮?

text-align: right;应用到href所在的table单元格。

margin 在 Outlook 中有问题。在桌面 2011-16 中,它会忽略 margin,但会响应 Margin。所以 Margin-bottom 会起作用,但 margin-bottom 会被忽略。

有关使用 Outlook 的乐趣的更多信息,请查看这些资源:

祝你好运。

这与您构建电子邮件模板的方式密切相关: 在制作一个简单的 html 页面时,“div”是我们用来构建页面的基本构建块,

但是在构建 html 电子邮件模板时,我们需要将用户 table 作为基本构建块,这意味着我们应该使用“table”及其子标签“[=14” =]tr", "th" 用于制作电子邮件模板。这将解决大部分定位问题。