valign="top" 在 td 中不起作用

Question

我的问题在这里发布为“已解决”，但显然我不明白解决方案 (?)。我有成堆的旧版 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>

现在我更沮丧了。有什么建议吗？

Answer 1

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，以便它们的样式不同。

Answer 2

您可以在 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;">

Answer 3

安装vertical-align:top 使用valign="top"。

这是你的代码：

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

注意：切勿在 HTML 属性中使用:，因此您应该使用valign:top 而不是valign:top