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

69

我有以下代码

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

主页显示在单元格的中央，我希望它显示在顶部。

html css

— 布丰
source

133

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>

？

— 三十点
source

8

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

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

— 维克·大卫
source

5

使用<td valign="top" style="width: 259px">，而不是...

— 周杰伦
source

1

我不同意这就是为什么我问。我认为这是一种样式，因此应该使用样式属性。

— 乔·菲利普斯

1

我认为在不同的浏览器中样式设置可能会比较棘手。没错，您可以通过另一种方式解决此问题。您知道这个人也在工作，但我会尊重您的意见。

— 杰伊

我只是想知道您是否知道我不知道的东西，仅此而已

— Joe Phillips

1

<td valign="top" width="259">是CSS之前的有效解决方案。

— 道森

15

对于现在阅读本文的任何人，html5不支持valign，因此最好使用CSS。

— Vinc 2014年

3

您可以valign="top"在td标签上使用它，对我来说效果很好。

— 法拉兹·艾哈迈德·拉米什（Faraz Ahmad Ramish）
source

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

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>

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

而且有效

这是结果

希望这对你有帮助

— Basheer AL-MOMANI
source

这个答案很不好。valign在HTML5中不受支持，因此不应再使用。使用CSSvertical-align或其他一些CSS修复程序。

— SO臭味