html - 对齐文本区域字段旁边的标签，居中？纯CSS解决方案

Question

所以我得到了这个片段: (这是 jsfiddle )

<div><label style="height: 58px;">Label</label>
    <textarea>11111</textarea>
</div>

<br/>
<br/>
<br/>
<br/>

<div><label style="height: 158px;">Label</label>
    <textarea style="height:199px">11111</textarea>
</div>

这是CSS

label{
    display:inline-block;
    background-color: grey;
}

这是可悲的结果:

我希望标签位于文本区域字段的中心。有人知道这里发生了什么吗？

Answer 1

您必须为文本区域设置 vertical-align: middle 属性(或为您想要为其指定标签的任何元素 - 例如，也适用于多选)。

Working fiddle here