您尚未登录,请登录后浏览更多内容! 登录 | 立即注册

QQ登录

只需一步,快速开始

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2325|回复: 0

IE6-7 checkbox 默认 margin(间距)消除

[复制链接]

111

主题

112

帖子

375

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
375
QQ
发表于 2013-8-10 21:48:04 | 显示全部楼层 |阅读模式
大家可能都遇到过由于IE6-7 checkbox 的默认margin,使表单元素无法对齐的问题。这里用“默认margin”去描述或许不够精确,因为它不是margin,css设置“margin:0;”是无法消除这个间距的。如果我说的比较含糊,请对比下面两张网页截图:

--- 正常浏览器渲染效果 ---



--- IE6-7浏览器渲染效果 ---


废话少说,放码了!这样写丫就对的齐齐的了:
.checkbox{ *width:13px; *height:13px; vertical-align:-2px;*vertical-align:1px; _vertical-align:0;}

PS:与文本(label)相邻的那一侧适当加些margin吧,看着舒服些。如: margin-right: 3px; 。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

      本站部分内容来自互联网,如有侵权,请提前告知,谢谢! WEB开发技术交流群
    Archiver|手机版| QQ

GMT+8, 2018-7-17 14:05 , Processed in 0.085895 second(s), 28 queries .

© 2012-2013 Powered by Discuz! X3. Theme By Yeei!

快速回复 返回顶部 返回列表