vertical-align 垂直对齐属性

“垂直对齐”属性设置元素的垂直对齐方式。常用的值有顶部top、中间middle和底部bottom。

下面的示例显示如何在表格之间垂直对齐文本

<table border="1" cellpadding="2" cellspacing="0" style="height: 150px;">
  <tr>
     <td class="top">Top顶对齐</td>
     <td class="middle">Middle居中</td>
     <td class="bottom">Botto底部</td>
  </tr>
</table>

css

td.top {
   vertical-align: top;
}
td.middle {
   vertical-align: middle;
}
td.bottom {
   vertical-align: bottom;
}

结果：