我有以下一段代码,它是表单的一部分:
<p>
<label>Mensaje:</label>
<textarea name="mensaje" rows="10" cols="70"></textarea>
</p>
这样做的结果label
是 位于 的底部textarea
。怎么做才能使标签位于顶部?
我有以下一段代码,它是表单的一部分:
<p>
<label>Mensaje:</label>
<textarea name="mensaje" rows="10" cols="70"></textarea>
</p>
这样做的结果label
是 位于 的底部textarea
。怎么做才能使标签位于顶部?
你可以使用flexbox做你想做的事。基本上,这是一种一维排列元素的方法,例如,您可以将元素放在一列或一行中,并在这两种布局中的任何一种中对它们进行排序。它会是这样的:
有:
如果您希望它
label
位于文本区域上方,则样式为:您也可以简单地通过添加
display: block;
元素来实现这一点label
,以便它占据它拥有的所有水平空间。相反,如果您想要标签位于输入的右侧,就像现在一样,但您希望它们垂直对齐:
让我知道它是否对您有用,以及这是否是您想要的。
如果你想把它放在
<label>
顶部,你可以使用 css 属性vertical-align: top;
你会有这样的事情: