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

时间:2016-01-20 06:25:10

标签: html html-table vertical-alignment

我有一个包含表格的页面,我想在其中使用valign选项,但它似乎不起作用。链接是:http://www.quaaoutlodge.com/content/awards并且有一个包含三列的表格,左侧和右侧列,两者都将td标记设置为valign="top",但内容仍居中并且未在顶部对齐,为什么不?

4 个答案:

答案 0 :(得分:2)

您的reset.css第55行删除此css

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

答案 1 :(得分:1)

您已设置

media="all"
table, th, td {
  vertical-align: top;
}
你的reset.css文件中的

。它超过了你的valign =" top"码。你需要类似下面的东西

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

答案 2 :(得分:0)

valign不再是受支持的代码,您应该使用vertical-align CSS元素。

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

答案 3 :(得分:0)

我不知道为什么in tag属性不起作用,但如果你添加一个带有以下定义的CSS类,它将起作用。

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

.vaClass {
   vertical-align: top; 
}