垂直对齐表格中的div

Question

我有一个表格标题<th>，其中包含带文字的<div>。我想垂直对齐div，使其与标题的 bottom 对齐。即使看起来应该很容易，我也很难做到这一点。任何帮助都会很棒。

即

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

正如您所看到的，我正在使标题文本垂直（通过添加break标记）。标题是动态拉动的，长度（以及高度）也会变化。但我需要它们与底部而不是中心对齐。

Answer 1

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

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

这应该有用。

带显示的div：内联也可以做到这一点。 显示：内联是这里的诀窍。