对齐多个表头单元格中的第一个div的垂直位置

Question

我有一个包含多个div的元素，第一个标题单元格内有多个div，第二个标题单元格内只有一个div。如果你运行下面的代码，"123"将会居中显示（垂直对齐"abc"）-

<table style="width:100%">
  <tr>
    <th>
      <div>abc</div>
      <div>xyz</div>
    </th>
    <th>
      <div>123</div>
    </th>
  </tr>
</table>

我想要垂直对齐'abc'和'123'。

Answer 1

更改带有"123"的单元格的垂直对齐方式

<table style="width:100%">
  <tr>
    <th>
      <div>abc</div>
      <div>xyz</div>
    </th>
    <th style="vertical-align: top;">
      <div>123</div>
    </th>
  </tr>
</table>