按钮居中对齐问题求助：设置父元素align属性仍无效

你的问题出在包裹按钮的父级表格未设置居中对齐——虽然按钮所在的小表格加了align="center"，但它的直接父容器（外层的空表格）没有设置对齐规则，导致按钮只能在父表格的内容宽度范围内居中，而父表格本身默认左对齐，所以整体看起来没有居中效果。

修复步骤： #

• 给包裹按钮的外层表格（包含<tr><td height="24"></td>的那个表格）添加align="center"属性，让父表格整体居中
• 或者给包裹该表格的<td>标签添加align="center"属性，同样能让内部内容居中

修改后的完整代码： #

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#F6F6F6">
  <tr>
    <td width="24"></td>
    <td>
      <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#FFFFFF" style="border-radius:8px;border:solid #E0E0E0 1px;">
        <tr>
          <td width="24"></td>
          <td>
            <!-- 给此表格添加align="center"实现整体居中 -->
            <table align="center" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="24"></td>
              </tr>
              <tr>
                <td>
                  <table align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#E5133A" style="border-radius:5px;">
                    <tr>
                      <td height="15" colspan="3"></td>
                    </tr>
                    <tr>
                      <td width="20"></td>
                      <td align="center" style="font-family:'Roboto',Arial,sans-serif;font-size:16px;line-height:16px;color:#FFFFFF;font-weight:500;text-align:center; " class="fallback-bold">
                        <a href="" target="_blank" style="color:#FFFFFF;text-decoration:none;" alias="CTA"> Button </a>
                      </td>
                      <td width="20"></td>
                    </tr>
                    <tr>
                      <td height="15" colspan="3"></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td height="24"></td>
              </tr>
            </table>
          </td>
          <td width="24"></td>
        </tr>
      </table>
    </td>
    <td width="24"></td>
  </tr>
</table>

补充说明：邮件HTML开发中，不同客户端对CSS的支持差异极大，优先使用表格原生的align属性，比纯CSS的margin: 0 auto兼容性更好。

内容的提问来源于stack exchange，提问作者Duicug