雅虎邮件布局中心按钮

Question

我的一封邮件中有以下html：

<center>
  <table class="button">
    <tbody>
      <tr>
        <td>
          <a href="#">Set Now</a>
        </td>
      </tr>
    </tbody>
  </table>
</center>

问题是，在Gmail上，此Set Now按钮正确居中，但在雅虎上，它与左侧对齐。这是显示问题的图片：

Answer 1

请尝试以下代码：

SafeValue must use [property]=binding

Answer 2

嵌套另一个<table>比使用<center＆gt;更安全。这应该涵盖你的所有基础：

<td style="text-align: center;">

    <table class="button" align="center" style="margin: auto">
        <tbody>
            <tr>
                <td>
                    <a href="#">Set Now</a>
                </td>
            </tr>
        </tbody>
    </table>

</td>

Answer 3

尝试

<table class="button" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
  <tr>
    <td width="100%" align="center">
      <a href="#">Set Now</a>
    </td>
  </tr>
</tbody>

Answer 4

将margin-left和margin-right设置为auto到父表。像这样，

<table class="button" style="margin-left:auto;margin-right:auto;">
<tbody>
  <tr>
    <td>
      <a href="#">Set Now</a>
    </td>
  </tr>
</tbody>

虽然我必须说只将样式的锚标记设置为按钮并不适用于所有电子邮件客户端，但您可能应该使用从此处生成的代码https://buttons.cm/