定义表格高度时不需要的垂直对齐答案

【问题标题】：Unwanted vertical align when table height is defined定义表格高度时不需要的垂直对齐
【发布时间】：2013-01-05 05:00:37
【问题描述】：

我正在使用 HTML 和 CSS 创建一个网站。我有一个 HTML 表格，我在其中定义了高度和宽度。我正在定义高度（450px），以便整个站点的每个页面的高度都相同。但是，当我定义一个高度时，该表中的所有内容都希望垂直居中。我找到了很多关于垂直对齐的信息（如何），但是尝试使用这些方法来撤消垂直对齐是行不通的。由于删除高度是解决我的问题的唯一方法，因此我正在寻找一种解决方案，允许我指定我的高度但不能垂直对齐表格中的所有内容。如有必要，我会发布代码，但我认为这个问题可能不需要它。谢谢。

【问题讨论】：

请提供代码示例。
请最好提供一个 JSFiddle。 :)
您需要提供更好的解释和/或代码示例。

标签： html css alignment

【解决方案1】：

如果没有更多信息，如何将 td 全局定义为 vetical-align top？下面是一个页面，但您可以在所有页面用来共享效果的通用 css 文件中定义它。

<html>
 <style>
  td {
   vertical-align:top;
  }
 </style>
 <body>
   <table style="height:450px;" border=1>
    <tr><td>hey</td><td>ho</td><td>let's go</td></tr>
    <tr><td>hey</td><td>ho</td><td>let's go</td></tr>
    <tr><td>hey</td><td>ho</td><td>let's go</td></tr>
  </table>
 </body>
</html>

【讨论】：

【解决方案2】：

如果代码中的表格用于布局目的（而不是用于标记表格数据），我建议将更现代的 CSS 布局方法与 min-height 结合用于主容器。例如，negative-margins method。

【讨论】：