为什么 valign 选项似乎不起作用？

Question

我有一个带有 table 的页面，我想在其中使用 valign 选项，但它似乎不起作用。 link 是：http://www.quaaoutlodge.com/content/awards 并且有一个 table 三列，左列和右列，都将 td 标签设置为 valign="top" 但内容仍然居中并且没有在顶部对齐，为什么不呢？

Answer 1

valign 不再是受支持的标签，您应该改用 vertical-align CSS 元素。

<td style="vertical-align:top;"></td>

Answer 2

我不知道为什么 in tag 属性不起作用，但是如果您添加一个具有以下定义的 CSS class 它会起作用。

<td class="vaClass">...</td>

.vaClass {
   vertical-align: top; 
}

Answer 3

您已经设置

media="all"
table, th, td {
  vertical-align: top;
}

在您的 reset.css 文件中。它超越了您的 valign="top" 代码。你需要像下面这样的东西

<td class="rtecenter" style="
vertical-align: top;">
  --------------------
</td>

Answer 4

你的 reset.css 第 55 行删除这个 css

table, th, td {
    vertical-align: middle;
}

为什么 valign 选项似乎不起作用？

why does the valign option not seem to work?

html

html-table

vertical-alignment