新 HTML 电子邮件规则：如何无边距居中：自动？

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 中添加另一个 table 但它已经像第二个嵌套的 table 我希望有一个不同的解决方案，而不是嵌套另一个table。 align="center" 不起作用。

Answer 1

旧的，学校的，但为什么不在每一侧都使用空白的 td？啊，又是90年代了！

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

Answer 2

试试这个代码，我正在使用这个代码发送 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>

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

Answer 3

因为电子邮件中的 CSS 是危险的...buh BAM。 ;D

<table width="100%">
  <tr>
    <td align="center">
      <a href="THIS IS THE ELEMENT I NEED CENTERED">Button</a>
    </td>
  </tr>
</table>

新 HTML 电子邮件规则：如何无边距居中：自动？

New HTML email rules: How to center without margin: auto?

html

css

email

html-email