在IE6、IE7下文字与input表单居中显示方法

在IE6、IE7下文字与input表单居中显示方法

<li>密　码：
<input name="password" type="password" class="uTxt" value=""/>
</li>
显示如下效果，ie6、ie7中兼容



要记住这“三剑贱”（红色部分）：
li { height: 50px; line-height: 50px; vertical-align:middle; font-size: 14px; margin-top:8px; margin-bottom:12px; }
input { height: 30px;line-height: 30px; vertical-align:middle; font-weight: bold; width:
232px; left: 0; top: 50; background-position: 0 -50px; border: 0 none; color: #666666; margin-top:8px; margin-bottom:12px;}

如果在input样式里面没加上 height: 30px;line-height: 30px; vertical-align:middle; 这一部分，在ie8+、ff中显示没问题，但在ie6、ie7中有问题，故应加上。

2012、11、4深夜还有一个感触很深的总结：盒子之间为了显示间距，尽量用padding，而不用margin，因为用margin在不同浏览器中都有或多或少的差异。

原文转自：http://lcchenjieshazi.blog.163.com/blog/static/210984192201210422143814/