在嵌套表中对齐 td答案

【问题标题】：Aligning td in nested table在嵌套表中对齐 td
【发布时间】：2019-12-17 03:44:11
【问题描述】：

您好，正在创建一个时事通讯模板。目前我被卡住了，因为我无法更改td的对齐方式

我附上了CodePen，但下面是代码！首先我不明白为什么右边的元素是左对齐的？不管怎样，我需要他们成为顶级中心。有什么想法吗？

<table align="center" width="690px" bgcolor="#d3e1a3" border="1">
  <tr>
    <td>
      <table width="297px" height="100%">
        <tr>
          <td>
            <img src="https://www.naturimgarten.at/assets/images/4/Streicher-ff65c810.jpg" style="max-width:297px;" alt="placeholder" mc:edit="image">
          </td>
        </tr>
      </table>
    </td>
    <td>
      <table width="393px" align="center">
        <tr>
          <td>
            name
          </td>
        </tr>
        <tr>
          <td>
            country
          </td>
        </tr>
        <tr>
          <td>text</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

请注意，这是一个时事通讯模板，所以想想 web 1998，大多数花哨的网络东西在这里都没有用处！

【问题讨论】：

请查看我的回答，我认为它可以解决您的问题。

标签： html nested-table

【解决方案1】：

<table align="center" width="690px" bgcolor="#d3e1a3" border="1">
  <tr>
    <td>
      <table width="297px" height="100%">
        <tr>
          <td>
            <img src="https://www.naturimgarten.at/assets/images/4/Streicher-ff65c810.jpg" style="max-width:297px;" alt="placeholder" mc:edit="image">
          </td>
        </tr>
      </table>
    </td>
    <td style="vertical-align:top; text-align:center">
      <table width="393px" align="center">
        <tr>
          <td>
            name
          </td>
        </tr>
        <tr>
          <td>
            country
          </td>
        </tr>
        <tr>
          <td>text</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

【讨论】：

【解决方案2】：

您已将align="center" 放入td 标记中。

<table align="center" width="690px" bgcolor="#d3e1a3" border="1">
  <tr>
    <td>
      <table width="297px" height="100%">
        <tr>
          <td align="center" >
            <img src="https://www.naturimgarten.at/assets/images/4/Streicher-ff65c810.jpg" style="max-width:297px;" alt="placeholder" mc:edit="image">
          </td>
        </tr>
      </table>
    </td>
    <td style="vertical-align:top;">
      <table width="393px" align="center">
        <tr>
          <td align="center" >
            name
          </td>
        </tr>
        <tr>
          <td align="center" >
            country
          </td>
        </tr>
        <tr>
          <td align="center" >text</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

【讨论】：