button里面的字怎么居中啊
前提在<!doctypehtml>下。试了很多办法padding和text-align都不行!...
前提在<!doctype html> 下。试了很多办法padding 和 text-align都不行!
展开
6个回答
展开全部
关键,文字要包含在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>
端对齐。文本框要设置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>
展开全部
button标签中的子本来就是自动居中的,这个问题怎么还是高质量问题。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
button里面的文字正常就是什么都不写,然后他就居中的啊
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
按道理,应该是那些属性的问题,
但是可能是字体的影响
你可以在chrome等设计内核浏览器中,对他动态改变
然后居中后,再粘贴回来。
但是可能是字体的影响
你可以在chrome等设计内核浏览器中,对他动态改变
然后居中后,再粘贴回来。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
button 字体默认居中
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询