html - 水平对齐两个表格 HTML/CSS

Question

我有两个使用以下语法水平对齐的表:

<table width=100%>
  <tr>
    <td><table1 code goes here>
    </td>
    <td><table2 code goes here>
    </td>
  </tr>
</table>

这一切都很好，而且如果表具有相同的数据行数，它们就会对齐。但是如果一个比另一个少，那么它们仍然在相同的位置对齐，但是另一个表缩小了，所以它们看起来像:

header
data
data
data    header
data    data
data    data
data    data
data
data

有没有办法让它们也自上而下对齐？

喜欢

header    header
data      data
data      data
data      data
data
data
data
data
data

我该如何解决这个问题？

Answer 1

您可以使用valign = top。

<table width=100%> 
  <tr> 
    <td valign="top"><table1 code goes here>
    </td>
    <td valign="top"><table2 code goes here>
    </td>
  </tr>
</table>