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

Question

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

Answer 1

你已经在你的reset.css文件中设置

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

。它已经结束了你的valign =“top”代码。你需要像下面

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

Answer 2

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

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

Answer 3

我不知道为什么在标签属性不工作，但如果你添加一个CSS类，定义如下它会奏效。

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

.vaClass { 
    vertical-align: top; 
} 

Answer 4

您reset.css线没有55删除此CSS

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