html - 如何将文本区域的标签对齐到顶部？

Question

我确实有一个表格数据，如下所示：

<td>
    <label for="title">Title : </label>
    <textarea rows="5" id="title" name="title"></textarea>
</td>

标签的默认位置在底部。如何将标签与文本区域的顶部对齐？

Answer 1

使用以下 CSS：

​textarea { vertical-align: top; }​

• jsFiddle 演示
• vertical-align在 MDN 上：

  vertical-align CSS 属性指定内联或表格单元格元素的垂直对齐方式。

• 什么是垂直对齐？关于 CSS 技巧

Answer 2

@Bazmegakapa 很好的答案！我们也可以这样做

label{display:block; float:left;}​

小提琴演示：http: //jsfiddle.net/kaMqg/1/

Answer 3

使用 br 标签。

<td>
    <label for="title">Title : </label>
    <br>
    <textarea rows="5" id="title" name="title"></textarea>
</td>