垂直对齐表格中的 div <th>

Question

我有一个<th>包含<div>文本的表格标题。我想垂直对齐 div，使其与标题的底部对齐。尽管看起来应该很容易，但我在这样做时遇到了严重的麻烦。任何帮助都会很棒。

IE

<table>
  <tr>
    <th>
      <div>T<br>E<br>X<br>T</div>
    </th>
    ...
  </tr>
  ...
</table>

如您所见，我使标题文本垂直（通过添加中断标记）。标题是动态拉动的，长度（因此高度）会有所不同。但我需要它们对齐底部而不是中心。

Answer 1

<style>
th{
vertical-align:middle}
</style>

<table>
  <tr>
    <th>
      <span>T<br>E<br>X<br>T</span>
    </th>
    ...
  </tr>
  ...
</table>

这应该有效。

带有 display:inline 的 div 也可以做到这一点。display:inline 是这里的诀窍。