将td内容移动到单元格顶部。

时间:2012-09-30 20:53:33

标签: html

我有HTML表格

我的代码是:

<table border="1">
<tr>
<td>
<p>ONE</p>
<p>TWO</p>
<p>THREE</p>
<p>FOUR</p>
</td>
<td><p>ONE</p></td>
</tr>
</table>

我有两个tds,在第一个td中有四个数字,在第二个td中只有一个数字。

问题是:

second td中的数字1显示在中央,但我想将其显示在td的顶部。

示例:http://jsfiddle.net/ftYwC/

我想让它看起来像这样:

ONE  | ONE
two  |
three|
four |

请注意,第二列显示在单元格的顶部,这正是我要做的。

1 个答案:

答案 0 :(得分:5)

尝试在右侧td添加以下样式:

style="vertical-align:top"