如何让文字和图片按钮居中显示

这是HTML代码：
<div class="login">
<span><a href="#"><img src="images/zhuce_bt.gif" /></a></span>
<span>用户名：<input type="text" class="user" /></span>
<span>密码：<input type="text" class="user" />
<span class="bt"><a href="#"><img src="images/login_bt.gif" /></a></span></span><span class="bt"><a href="#"><img src="images/forget_bt.gif" /></a></span>
</div>
</div>

CSS样式：.login {width:652px;float:right; line-height:35px;padding-right:8px;text-align:right;}
.login span{color:#808080; margin-right:4px; vertical-align:middle;}
.login span.bt{ width:76px;height:35px;}

图片按钮就是没法居中，这个问题困恼了好久，哪位好心人帮帮忙

6 个解决方案

#1

不用那么累死



<center>

<div class="login"> 

<span> <a href="#"> <img src="images/zhuce_bt.gif" /> </a> </span> 

<span>用户名： <input type="text" class="user" /> </span> 

<span>密码： <input type="text" class="user" /> 

<span class="bt"> <a href="#"> <img src="images/login_bt.gif" /> </a> </span> </span> <span class="bt"> <a href="#"> <img src="images/forget_bt.gif" /> </a> </span> 

</div> 

</div>

</center>

#2

补充一下:如果需要整个页面的居中...可以用Js算出屏幕的width&height,再进行计算

#3

用<center>或<P align="center">

或者把图片设置为背景图片，然后用CSS的

background-position:center center;

#4

在.LOGIN SPAN中添加vertical-align:middle;就可以啦

#5

style="float:none; margin-right:auto; margin-left:auto"

就搞定了

#6

关于居中的问题，建议lz看看：
http://topic.csdn.net/u/20100702/15/e0087252-0975-424b-8b9b-ce6c6cb3699d.html?8369

#1