IE下 CSS让文字、图片及input单行水平对齐的简单方法

IE下 CSS让文字、图片及input单行水平对齐的简单方法

IE下 CSS单行图文水平垂直对齐方法：

CSS样式：
div img,div input{ vertical-align:middle}

HTML代码：
<div>
<label>姓名：</label><input typt="text" /><img src="xxx.jpg" width=50 height=20 alt="验证码" />
</div>

<div>
<img src="xxx.jpg" alt="注册" /> <a href="#">取回密码"</a>
</div>

这时只要我们给图片加上垂直对齐的属性，后面的文字连接会相应的与图片水平对齐，即： img{     vertical-align:middle;}。当垂直对齐属性为“top“的时候，文字链与图片顶部水平对齐，如次类推。

如果是input与文字链放在一起，在ff和ie7、ie8中文字链都与图片顶部水平对齐，但是在ie6中却是底部对齐，同样我们可以给input添加垂直对齐属性来达到各个浏览器显示效果

.imgClass { margin-bottom:-3px;} /* FireFox */
*html .imgClass { margin-bottom:-1px;} /* ie6 fixed */
*+html .imgClass { margin-bottom:-1px;} /* ie7 fixed, 注意顺序 */

解决了！