上的文字如何垂直居中？

[bigmistake]

我在网页上放了一个<asp:button>，宽度高度均为18px，button的text为"+"，试了很多方法，文字均无法垂直居中。
注：按钮宽度高度一定要18px。

[aliuying]

就用ImageButton啊,搞这麻烦做么事?

[阿彪兄]

一般都是图片做的。

[觉v醒]

用img button 网上找点好了

[kldx5092]

.css
{
line-height:20px;
overflow:hidden;

}

[惜分飞]

image boutton不就ok了啊，加上一个美工的图片

[yanglei6979431]

<asp:Button ID="Button1" runat="server" Text="+" Width="18px" Height="18px" style="text-align:center; vertical-align:top " />

其中text-align 是设置文本的水平对齐方式
而vertical-align是设置文本的垂直对齐方式
自己测试一下就行了

[alan0128]

控件中有CSS样式的呀，设一下就好了

[「已注销」]

那個一般是美工做好的img，然後引用img button 就好了，不是直接放button

[zmm12]

有多种方法


1:CSS控制

2：ImageButton Url="做好的图片"

等等

[bigmistake]

CSS如何控制呢，求代码，谢谢！
[Quote=引用 2 楼 zmm12 的回复:]
有多种方法


1:CSS控制

2：ImageButton Url="做好的图片"

等等
[/Quote]

[bigmistake]

求具体代码，好用的话，30分全部

[柳晛]

一般都是图片啊。

[koukoujiayi]

用全角的"＋",配合Css;如：
<asp:Button ID="Button1" runat="server" CssClass="bb" Text="＋" Height="18px" Width="18px" />

<style type="text/css">
.bb
{
padding-bottom: 1px;
padding-top: 0px;
}
</style>

[dhtkhnt]

.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: #7EBF4F 1px solid; width:18px; height:18px
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: #7EBF4F 1px solid; width:18px; height:18px
}

<button class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
onmouseout="this.className='btn1_mouseout'" title="按钮">+</button>

[bigmistake]

[Quote=引用 6 楼 koukoujiayi 的回复:]
用全角的"＋",配合Css;如：
<asp:Button ID="Button1" runat="server" CssClass="bb" Text="＋" Height="18px" Width="18px" />

<style type="text/css">
.bb
{
padding-bottom: 1px;
padding-top: 0px;
}
</style>
[/Quote]

测试了，设计时是能看到效果的，但浏览时CSS控制就不起作用了，我的浏览器是IE6。

[bigmistake]

[Quote=引用 7 楼 dhtkhnt 的回复:]
.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: #7EBF4F 1px solid; width:18px; height:18px
}
.btn1…
[/Quote]
字体太小了，稍微改大点，却又不能居中了。。。郁闷。。。

[bigmistake]

是这样的，我现有项目里都是button，替换成ImageButton后，发现ImageButton经常显示不出来，手动刷新页面才可以，大概是我程序写得不好，但没时间去找问题了，只能再改回Button。所以继续求代码，楼上的方法都试过了，都有问题。。。

[bigmistake]

补充：我的按钮时“嵌在”gridview里的，没法利用IDE。

[oyt111745]

.button{height:18px;width:18px;padding-top:5px;text-align:center}/*这个padding-top:5px 可以自己调的*/

<asp:button ID="Button1" runat="server" cssclass="button"></asp:button>

[yangmin0611]

都没有达到效果 还是用美工的图片吧