大家好，我只是在玩一些CSS，我是CSS的新手，我制作了以下简单的演示::
HTML ::
<label for="test">Name</label>
<input type="text" id="test">
CSS ::
input {
height: 70px;
border-radius: 5px;
display: inline-block;
//vertical-align: middle;
}
现在标签“看起来”与输入完全垂直对齐，我猜那是因为display：inline-block的默认垂直对齐是baseline，现在这里有趣的一点是当我在输入中添加vertical-align：middle并转到浏览器和打开ispector并vertical align:middle从输入中取出（临时），标签移动而不是输入，这使我想到了我的问题。
当我添加垂直对齐时：中间；输入，我是说：
“嘿输入相对于您的兄弟姐妹垂直居中对齐”或
我是对输入兄弟姐妹（在这种情况下为标签）说：“嘿！关于输入，将您自己垂直居中对齐”？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句