<分区>
如何让输入框垂直居中对齐？我尝试在几个地方添加 vertical-align: "middle"但我没有取得任何成功。我觉得 flexbox 是问题的一部分？
.container {
/* Flex Properties */
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.item {
background-color: orange;
}
label {
width: 100px;
display: inline-block;
}<div class="container">
<div class="item">
<label>Gee my iefwaf fwats: </label>
<input>
</div>
</div>最佳答案
给 .item div display: flex 和 align-items: center，因为它是 <输入 元素的em>父级:
.container {
/* Flex Properties */
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.item {
display: flex; /* added */
align-items: center; /* added */
background-color: orange;
}
label {
width: 100px;
/*display: inline-block; not necessary*/
}<div class="container">
<div class="item">
<label>Gee my iefwaf fwats: </label>
<input type="text">
</div>
</div>关于html - 使用 Flexbox 时垂直对齐输入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49728639/