valign =“top”在td中不起作用

时间:2013-08-05 03:15:56

标签: html css html-table valign

我的问题在这里发布为“已解决”,但显然我不明白解决方案(?)。我有很多遗留的html似乎在我的浏览器中开始失败,我不知道为什么,也许是因为“不支持”的属性? (顺便说一下,非常令人沮丧。为什么要消除几十年来运行良好的这些简单的属性?我不会吝啬任何人对我的编码风格的看法,只要它有效。)

特别是,我使用和valign不起作用。 所以我尝试了以下方法,但从未取得过成功:

<td align=center vertical-align:top>
<td text-align:center; vertical-align:top>
<td text-align:center; vertical-align:text-top>
<td vertical-align:text-top>

现在我只是更加沮丧。有什么建议吗?

3 个答案:

答案 0 :(得分:13)

vertical-align:top标签本身不应出现td。您必须将其放在style=""行或td的CSS规则中。

使用style=""

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

对于CSS方法,您必须为每个td分配一个单独的类或ID,以使它们的样式不同。

答案 1 :(得分:1)

您可以在html标记中使用valign= top而不是valign: top or vertical-align: top,并在css中使用vertical-align: top;

在你的HTML中,你可以这样做

<td align=center valign=top>

在你的css样式表

td{vertical-align: top;}

以你的内联风格

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

答案 2 :(得分:0)

Insted vertical-align:top使用valign="top"

以下是您的代码:

<td align="center" valign="top">

注意:永远不要在HTML属性中使用:,因此您应该使用valign:top

而不是valign="top"
相关问题