考虑
following code:
HTML:
<div> <label for='name'>Name:</label> <input type='text' id='name' /> </div>
CSS:
div { height: 50px; border: 1px solid blue; }
解决方法
div { display: table-cell; vertical-align: middle; height: 50px; border: 1px solid red; }
此方法的优点是,您可以更改div的高度,更改文本字段的高度和更改字体大小,一切都将始终保持在中间。