中文字，文本框，button按钮垂直居中对齐方法

来源：互联网发布：windows7优化技巧编辑：程序博客网时间：2024/05/16 19:36

关键，文字要包含在label标签中，并设置行高，否则文字会与文本框的顶端对齐。文本框要设置vertical-align:middle;否则文本框与button顶端对齐。button中文字垂直居中，要设置高和行高，行高要小于高。

<html><head><style type='text/css'>LABEL{LINE-HEIGHT: 20px;HEIGHT: 20px}.button{font-size:12px;  text-align:center;padding:0px;vertical-align:middle ;line-height:22px;margin:0px; Height:26px;Width:60px;}.txt{border:1px #6699CC solid;height:20px;width:160px;margin:0px;vertical-align:middle; font-size:12px;padding:0px 2px;line-height :16px;}</style></head><body>div中文字，文本框，button按钮垂直居中对齐方法及的css样式。<div class="divPad" style="FONT-SIZE: 12px; HEIGHT: 28px;"><label>查询：企业名称</label><input ID="txt_company" type="text" class="txt" />    <label>姓名</label><input ID="txt_name" class="txt" Width="80px" type="text"/> <input type="button" ID="Button1" value="查找" class="button" /></div></body></html>