Question

我正在打一个棒球比分网站。我有一个会议比赛的对决桌。

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

Mississippi State这个名字让表格单元从上到下变长。如何让Alabama和Auburn与表格单元格的底部对齐？

我正在使用Html 5.放置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

不幸的是，我完全不明白你的要求。小提琴怎么样？但也许你正在寻找这样的东西？对于测试，请查看fiddle

我的设置： 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 =＆＃34; bottom＆＃34;在td。

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

3 个答案: