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

Buf*_*fon 57 html css

我有以下代码

<table style="height: 275px; width: 188px">
    <tr>
        <td style="width: 259px;">
            main page
        </td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

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

thi*_*dot 111

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>
Run Code Online (Sandbox Code Playgroud)

  • 哦,不,你的`<tr>`兄弟! (5认同)

Bas*_*ANI 12

我也遇到过这样的问题,看下图

在此输入图像描述

这是它的 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>
Run Code Online (Sandbox Code Playgroud)

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

它起作用了

这是结果在此输入图像描述

希望这对你有帮助

  • 这个答案是一个糟糕的答案。HTML5 不支持“valign”,不应再使用。使用 CSS 的“vertical-align”或其他一些 CSS 修复。 (5认同)

Vik*_*vid 9

vertical-align向TD 添加属性,如下所示:

<td style="width: 259px; vertical-align: top;">
main page
</td>
Run Code Online (Sandbox Code Playgroud)


Jay*_*Jay 5

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

  • 对于现在阅读本文的任何人,html5不支持valign,因此最好使用CSS。 (15认同)
  • `&lt;td valign="top" width="259"&gt;` 是 CSS 之前的有效解决方案。 (2认同)