注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!

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

实用代码 开心洋葱 2963次浏览 已收录 0个评论 手机上查看

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

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

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

HTML代码:


”验证码”


”注册” 取回密码”

这时只要我们给图片加上垂直对齐的属性,后面的文字连接会相应的与图片水平对齐,即: 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, 注意顺序 */

解决了!


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明IE下 CSS让文字、图片及input单行水平对齐的简单方法
喜欢 (0)
[开心洋葱]
分享 (0)
关于作者:
开心洋葱,开心洋葱头,水墨

您必须 登录 才能发表评论!

……
加载中……