Question

我希望我的文字位于第3个单元格的左上角。

<table border="1" style="width: 100%;">
<tr>
    <td style="width: 15%;">
        lol lol lol lol lol
        lol lol lol lol lol
        lol lol lol lol lol
        lol lol lol lol lol
    </td>
    <td style="width: 3%;">

    </td>
    <td style="">
        Name
    </td>
</tr>
</table>

Answer 1

请在上一个<td>

中添加此内联CSS

vertical-align:top;

这是更新的演示链接。

Demo

Answer 2

这很简单，只需将 vertical-align：top; 添加到原因中的<td>。

Answer 3

为了使其更具动态性，您可以添加：

table tr td:last-child  { vertical-align:top; }

或

table tr td:nth-child(3) { vertical-align:top; }

Fiddle here

现在，如果你在每个最后一个单元格中添加更多行（或者第三个取决于你从上面使用的代码），那么左上角会有文字

Fiddle here

Answer 4

<td style="text-align:left; vertical-align:top">
    Name
</td>

表位文本css

4 个答案: