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

Question

我有以下代码

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

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

- Buffon

Answer 1

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>

?

- thirtydot

Answer 2

在TD元素中添加vertical-align属性，如下所示：

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

- Vik David

Answer 3

请使用<td valign="top" style="width: 259px">替换...

- Jay

---

我不同意，这就是为什么我问的原因。我认为这是一个样式问题，因此应该使用样式属性。 - Joe Phillips

我认为在不同的浏览器中设置样式可能会很棘手。这并不是错误，只是解决此问题的另一种方式。你知道这个也可以工作，但我会尊重你的意见。 - Jay

我只是想知道你是否了解我不知道的事情，仅此而已。 - Joe Phillips

在 CSS 出现之前，<td valign="top" width="259"> 是有效的解决方案。 - Dawson

现在如果有人正在阅读这篇文章，需要注意的是，在HTML5中不支持valign属性，因此最好使用CSS来代替。 - Vinc

Answer 4

我遇到了一个问题，看下面的图片。 这是它的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属性更改为baseline来解决它。

然后它就起作用了。

这是结果： 希望这可以帮到您。

- Basheer AL-MOMANI

---

这个答案不太好。valign 在 HTML5 中已不被支持且不应再使用。请使用 CSS 的 vertical-align 或其他 CSS 方法解决问题。 - SO Stinks

valign 对我有效。vertical-align 无效。 - spal

Answer 5

你可以在 td 标签上使用 valign="top"，这对我来说完美地起作用了。

- Faraz Ahmad Ramish

---

这个回答现在已经过时了。无论谁在阅读这篇文章，valign 属性在 HTML 中不再被支持。 - user14182627