新的HTML电子邮件规则:如何以无边距为中心:自动?

o_O*_*o_O 0 html css email html5 html-email

根据新的电子邮件规则(感谢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>
Run Code Online (Sandbox Code Playgroud)

现在我可以添加另一个表,td但它已经像第二个嵌套表,我希望有一个不同的解决方案,然后嵌套另一个表.这align="center"不起作用.

Thi*_*ran 5

试试这段代码,我使用这段代码发送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>
Run Code Online (Sandbox Code Playgroud)

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

  • 您还应该在表中设置`width ="100%"`以确保最大的兼容性.http://codepen.io/anon/pen/yNEjZE (2认同)