多行表始终垂直居中内容

时间:2010-03-05 23:09:12

标签: css css-tables

我基本上有一个包含2行的表,它看起来像这样:

---------
|   |   |
|   |   |
|   |   |
|--------

我的问题是第二行自动垂直居中:

|hey|   |
|hey|hey|
|hey|   |
|--------

现在怎么样我添加段落直到它变成另一个段落的大小:

|hey|hey|
|hey|   |
|hey|   |
|--------

如何使用CSS正确执行此操作?

2 个答案:

答案 0 :(得分:4)

我认为这就是你要找的东西:

<table>
  <tr>
    <td>Some content<br />More content<br />More content</td>
    <td style="vertical-align: top;">Some different content</td>
  </tr>
</table>

但是,如果您希望所有表格单元格将其内容与顶部对齐,则不应该将内容定义为内联,而是添加

td 
{
  vertical-align: top;
}

到您的CSS样式表。

答案 1 :(得分:-1)

使用垂直对齐:顶部