如何在HTML中水平对齐文本按钮？求助解决堆叠问题

兄弟，我看了你的代码，问题出在标签嵌套混乱+未正确闭合上！你在每个按钮的小table里又重复嵌套了整个大table，而且好多<tr>、</table>标签都没配对，浏览器解析的时候直接就乱套了，按钮自然就堆叠起来了。

要实现三个按钮水平对齐，咱们用一个父table来承载三个按钮，结构要清晰简洁，下面是修正后的代码：

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="center">
  <tbody>
    <tr>
      <!-- 第一个按钮 -->
      <td align="left" style="padding: 0 10px;">
        <a href="" style="color:#ffffff; text-decoration:none;">
          <table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#00c0a5" style="border-radius:4px;">
            <tbody>
              <tr>
                <td align="center" style="padding:15px 10px; color:#ffffff; font-size:10px; font-family:Arial;">Repayment Calculator</td>
              </tr>
            </tbody>
          </table>
        </a>
      </td>
      <!-- 第二个按钮 -->
      <td align="center" style="padding: 0 10px;">
        <a href="" style="color:#ffffff; text-decoration:none;">
          <table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#00c0a5" style="border-radius:4px;">
            <tbody>
              <tr>
                <td align="center" style="padding:15px 10px; color:#ffffff; font-size:10px; font-family:Arial;">Borrowing Power Calculator</td>
              </tr>
            </tbody>
          </table>
        </a>
      </td>
      <!-- 第三个按钮 -->
      <td align="right" style="padding: 0 10px;">
        <a href="" style="color:#ffffff; text-decoration:none;">
          <table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#00c0a5" style="border-radius:4px;">
            <tbody>
              <tr>
                <td align="center" style="padding:15px 10px; color:#ffffff; font-size:10px; font-family:Arial;">Property Report</td>
              </tr>
            </tbody>
          </table>
        </a>
      </td>
    </tr>
  </tbody>
</table>

关键修改点说明： #

• 把三个按钮放在父table的**同一行（<tr>）**里，每个按钮对应一个<td>，这样天然就是水平排列的
• 移除了重复嵌套的大table标签，确保所有标签都正确闭合（每个<table>对应</table>，每个<tr>对应</tr>）
• 给每个按钮的<td>加了padding: 0 10px，用来控制按钮之间的间距，避免挤在一起
• 简化了部分重复的样式代码，保持结构清晰

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