中文字,文本框,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" style="FONT-SIZE: 12px; HEIGHT: 28px;">
       

<label>查询:企业名称</label><input ID="txt_company"

type="text" class="txt" />       

&nbsp; &nbsp;&nbsp;<label>姓名</label><input ID="txt_name"

class="txt" Width="80px" type="text"/>       

&nbsp;<input type="button" ID="Button1" value="查找"

class="button" /></div>


</body>
</html>

posted @   流失的痕迹  阅读(59275)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示