css - 新的 HTML 电子邮件规则 : How to center without margin: auto?

Question

根据新的电子邮件规则(感谢 Microsoft 和 Google)，所有边距都将从您的 HTML 中删除。所以使用 margin: 0 auto 是解决方案。

结构是:

<table>
  <tr>
    <td align="center">
      <a href="THIS IS THE ELEMENT I NEED CENTERED" style="display: block; width: 50%;">Button</a>
    </td>
  </tr>

现在我可以在 td 中添加另一个表，但它已经像第二个嵌套表了，我希望除了嵌套另一个表之外还有其他解决方案。 align="center" 不起作用。

Answer 1

试试这段代码，我正在使用这段代码发送 html 电子邮件，它适用于 gmail、outlook

<table style="width: 100%;">
  <tr>
    <td style="text-align: center;">
      <a href="THIS IS THE ELEMENT I NEED CENTERED" style="display: inline-block; width: 50%;">Button</a>
    </td>
  </tr>
</table>

此外，您可以在此处检查 html 电子邮件的允许 css 属性:https://www.campaignmonitor.com/css/