中⽂字,⽂本框,button按钮垂直居中对齐⽅法中⽂字,⽂本框,button按钮垂直居中对齐⽅法
⽂字要包含在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" >
<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>
css设置文字垂直居中
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论