Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 标签元素中的垂直对齐跨度元素_Html_Css - Fatal编程技术网

Html 标签元素中的垂直对齐跨度元素

Html 标签元素中的垂直对齐跨度元素,html,css,Html,Css,我有一个与这个问题类似的问题: 我的HTML结构如下所示: <label> <span>Comment:</span> <textarea>Some Default-Text</textarea> </label> 我已经尝试过将标签标记的显示设置为内联块并添加垂直对齐属性,但什么也没发生 有人知道这个问题的原因吗?将垂直对齐:top添加到span label span{ display: inl

我有一个与这个问题类似的问题:

我的HTML结构如下所示:

<label>
    <span>Comment:</span>
    <textarea>Some Default-Text</textarea>
</label>
我已经尝试过将标签标记的显示设置为内联块并添加垂直对齐属性,但什么也没发生


有人知道这个问题的原因吗?

垂直对齐:top
添加到span

label span{
    display: inline-block;
    width: 30%;
    vertical-align:top;
}


尽管我建议您在这种情况下使用
div
而不是
label
<“代码>标签”并不意味着要有子元素。

您是说您已经尝试过了,但您真的确定添加了“垂直对齐:顶部”?它似乎只对它起作用:@acdcjunior我将align放在label元素中,但没有起作用:(不知道为什么我没有考虑将它放在span元素中)
label span{
    display: inline-block;
    width: 30%;
    vertical-align:top;
}