對齊多個表頭單元格中的第一個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>