我将如何对齐文本区域的标签顶部?(How will I align the label of a t

2019-07-29 21:16发布

我有一个表中的数据如下图所示:

<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 :

    该垂直对齐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>


文章来源: How will I align the label of a text area to top?