IE6 | IE7 | IE8 | FF12 li底部多出几像素bug
来源:互联网 发布:nba2k17乔丹身体数据 编辑:程序博客网 时间:2024/06/05 09:14
会发现在IE6/7/8 FF12下,LI底部会多出几个像素,网上很多人说这是li的3pxbug,实际不然。底部的空隙和字体大小和高度有关。并不一定是3px。
出现这个bug的条件如下
必要条件:
li的子元素设置了浮动(例如:本例中的span设置了左浮动)
充要条件:
(IE6/7/8 FF12)li设置了width、height、zoom 之一 (例如:本文中的li设置了width)
解决方案也很简单:
1、别让li获得layout
2、设置li {vertical-align:middle} (推荐这种方法,简单方便)
3、设置li {font-size:0} li span{font-size:12px}。
4、设置li{float:left;width:100%}
其他解决方案也有
(仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之一
- IE6 | IE7 | IE8 | FF12 li底部多出几像素bug
- IE6 | IE7 li底部多出几像素bug
- IE6、IE7中li底部3px间距BUG
- IE6/IE7中li底部3px的Bug
- IE6/IE7中li底部4px的Bug
- li margin-bottom在IE6,7中底部3像素的BUG
- ie6,ie7,ie8 css bug兼容解决方法
- ie6,ie7,ie8 css bug兼容解决方法
- li出现间距,IE6/IE7 bug的解决方法
- ie6,ie7,ie8 css bug兼容解决记录
- ie6,ie7,ie8 css bug兼容解决记录
- ie6,ie7,ie8 css bug兼容解决记录
- IE的CSS Bug列表(IE6,IE7和IE8)
- ie6,ie7,ie8,ie9 css bug兼容解决记录
- ie6,ie7,ie8 css bug兼容解决记录
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- IE6,IE7,IE8 css bug汇总以及兼容解决方法
- 网络编程
- 链接脚本
- 打车应用盈利模式不清晰 多数企业亏本运营
- Linux tcpdump命令详解
- Linux下的lds链接脚本基础
- IE6 | IE7 | IE8 | FF12 li底部多出几像素bug
- java.lang.IllegalArgumentException: Can't convert argument: null
- ubuntu使用校内源
- 关于C++
- 在xcode中编译和调试webkit, V8和Nodejs
- 针对plsql developer使用做的三个小设置
- 第一个只出现一次的字符
- 函数指针变量
- 优秀的Meteor学习资源