在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/