Richten Sie die vertikale Position des ersten Div in mehreren Kopfzellen aus

Question

Ich habe ein Element, das mehrere Divs enthält, mehrere Divs in der ersten Header-Zelle und nur ein Div in der zweiten Header-Zelle. Wenn Sie den folgenden Code ausführen, wird „123“ zentriert (vertikal ausgerichtet mit „abc“) –

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

Ich möchte „abc“ und „123“ vertikal ausrichten.

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>