我想将 <td> 中的文本对齐到顶部答案

【问题标题】：I want to align the text in a <td> to the top我想将 <td> 中的文本对齐到顶部
【发布时间】：2011-08-06 00:20:12
【问题描述】：

我有以下代码

<table style="height: 275px; width: 188px">
    <tr>
        <td style="width: 259px;">
            main page
        </td>
    </tr>
</table>

主页出现在单元格的中心我希望它出现在顶部。

【问题讨论】：

标签： html css

【解决方案1】：

我遇到了这样的问题，看下图

这是它的 HTML

<tr class="li1">
    <td valign="top">1.</td>
    <td colspan="5" valign="top">
        <p>How to build e-book learning environment</p>
    </td>
</tr>

所以我通过将两个td 标签中的valign Attribute 更改为baseline 来修复它

成功了

这是结果

希望对你有帮助

【讨论】：

这个答案不好。 valign 在 HTML5 中不受支持，不应再使用。使用 CSS 的 vertical-align 或其他一些 CSS 修复。

【解决方案2】：

您可以在 td 标签上使用valign="top"，它对我来说非常有效。

【讨论】：

这个答案现在已经过时了。无论谁正在阅读本文，html 中不再支持 valign 属性。

【解决方案3】：

改用<td valign="top" style="width: 259px">...

【讨论】：

我不同意这就是我问的原因。我认为这是一种样式，因此应该使用样式属性。
我认为样式在不同的浏览器中可能会很棘手。它没有错，它可以通过不同的方式解决这个问题。你知道这也是工作，但我会尊重你的意见。
我只是想知道你是否知道一些我不知道的事情，仅此而已
<td valign="top" width="259"> 是 CSS 之前的有效解决方案。
对于现在阅读本文的任何人，html5 不支持 valign，因此最好使用 CSS。

【解决方案4】：

向 TD 添加 vertical-align 属性，如下所示：

<td style="width: 259px; vertical-align: top;">
main page
</td>

【讨论】：

【解决方案5】：

https://developer.mozilla.org/en/CSS/vertical-align

<table style="height: 275px; width: 188px">
    <tr>
        <td style="width: 259px; vertical-align:top">
            main page
        </td>
    </tr>
</table>

?

【讨论】：