电子邮件模板，展望和正确对齐

Question

我的电子邮件模板的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不仅忽略了正确的对齐，而且还没有边距底部。 有谁知道如何让我能够正确对齐这个按钮？

Answer 1

将text-align: right;应用于href所在的表格单元格。

margin在Outlook中存在问题。在桌面2011-16中，它会忽略margin，但会响应Margin。因此Margin-bottom会起作用，但会忽略margin-bottom。

有关Outlook将遇到的乐趣的更多信息，请查看以下资源：

• https://litmus.com/help/email-clients/outlookcom-margins/
• https://www.campaignmonitor.com/css/

祝你好运。

Answer 2

这与您构建电子邮件模板的方式密切相关： 虽然制作一个简单的 html 页面“div”是我们用户构建页面的基本构建块，

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