div {
display: table-cell; vertical-align: middle; height: 50px; border: 1px solid red;}<div> <label for='name'>Name:</label> <input type='text' id='name' /></div>
此方法的优点是您可以更改的高度div,更改文本字段的高度并更改字体大小,并且所有内容始终位于中间。

div {
display: table-cell; vertical-align: middle; height: 50px; border: 1px solid red;}<div> <label for='name'>Name:</label> <input type='text' id='name' /></div>
此方法的优点是您可以更改的高度div,更改文本字段的高度并更改字体大小,并且所有内容始终位于中间。