Question

我有一个包含2列的表

<table border="2">
  <tr>
    <td>
        <div id="menupage" >
            ...
            ...
        </div>
    </td>

    <td align="center"  >   

        <div id="contentpage" >
            ...
            ...
        </div>

    </td>   
  </tr>
</table>

如果<div id="contentpage" >的尺寸很大

，我希望始终保持在最顶层而不是中心

Answer 1

您可以使用CSS vertical-align属性将TD内容与TOP对齐：

垂直对齐：顶部;

请参见此工作Fiddle Example！

<强>如，

<table border="2">
  <tr>
    <td style="vertical-align:top;">
      <div id="menupage">
        ...
      </div>
    </td>
    <td align="center" style="vertical-align:top;">   
      <div id="contentpage" >
        ...
      </div>
    </td>   
  </tr>
</table>

Answer 2

如果您打算使用表格，那么您也可以使用valign。

例如：<div id="menupage" valign="top">

如果您想使用CSS，可以使用vertical-align。

您可以在样式表中设置所有td，如下所示：

td {
    vertical-align: top;
}

我不知道你的经历等所以我不会继续，但你应该避免表格布局。你会为自己节省很多事情，并且“不要使用表格”评论。

Answer 3

您可能正在关注valign或vertical-align。

<td align="center" valign="top">
    <div id="contentpage">
    </div>
</td>

请参阅http://jsfiddle.net/nivas/Y84pS/

请注意，valign为deprecated attribute（align和border也是如此。有关完整列表，请参阅Index of Attributes。获取这些功能的推荐方法是使用vertical-align，text-align和border通过CSS。

我的jsfiddle示例中的第二个表使用CSS，并获得相同的功能。

将一个始终位于顶部的元素放在中心位置

3 个答案: