在嵌套 table 中对齐 td

Question

您好，正在创建简报模板。目前我被卡住了，因为我无法更改 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>

请注意，这是一个新闻稿模板，想想 1998 年的网络吧，大多数花哨的网络内容在这里都没有用！

Answer 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>

Answer 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>

在嵌套 table 中对齐 td

Aligning td in nested table

html

nested-table