如何在表格单元格中垂直对齐文本？

Question

我正在棒球得分网站上工作。 我有一个会议游戏的正面对决桌。

主队在桌子上水平。 客队（如下所示）垂直位于表单元格中。

名称密西西比州（Mississippi State）使表格单元格从上到下长。 如何使阿拉巴马州和奥本州与表格单元的底部对齐？

我正在使用HTML5。放置valign =“ bottom”不适用于HTML 5。

<td>
A<br>
l<br>
a<br>
b<br>
a<br>
m<br>
a<br>
</td>

<td>
A<br>
u<br>
b<br>
u<br>
r<br>
n<br>
</td>

<td>
M<br>
i<br>
s<br>
s<br>
i<br>
s<br>
s<br>
i<br>
p<br>
p<br>
i<br>
 <br>
S<br>
t<br>
a<br>
t<br>
e<br>

</td>

--------编辑------这是我正在处理的页面： http : //www.hitsnruns.com/pages/matchups/Matchups.php

--------编辑3/30/16 -------我明白了： http ://www.hitsnruns.com/2016/head-to-head-matchups/southeastern-conference /我遍历了每个团队的名称，并将每个字母括在

标签。

Answer 1

不幸的是，我不完全理解您的要求。 小提琴呢？ 但是也许您正在寻找这样的东西？ 对于测试看小提琴

我的设置：HTML：

<div><p>Alabama</p></div>

和CSS：

div {
  width: 10px;
  word-wrap: break-word;
}

也许您可以在桌子上使用它。

Answer 2

使用vertical-align: bottom;

   td {
        vertical-align: bottom;
    }

 td { vertical-align: bottom; } 

 <table> <tr> <td> A<br> l<br> a<br> b<br> a<br> m<br> a<br> </td> <td> A<br> u<br> b<br> u<br> r<br> n<br> </td> <td> M<br> i<br> s<br> s<br> i<br> s<br> s<br> i<br> p<br> p<br> i<br> <br> S<br> t<br> a<br> t<br> e<br> </td> </tr> </table> 

Answer 3

您可以在表格单元格上使用CSS：

td {
   vertical-align: bottom;
}

或者，您也可以将valign =“ bottom”放在td上。