Question

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

Answer 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>

Answer 2

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

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

2 个答案: