解决IE6-IE7下li上下间距
2013-04-08 16:40
483 查看
li子元素浮动,li不浮动,如下情景
,在IE6/7下li会向下产生大约2px的外边距。
解决方法:
http://www.zhoubo.name/2012/12/17/ie6-ie7-li-margin/
ul>li*3>a[href="#" style="float:left"]
,在IE6/7下li会向下产生大约2px的外边距。
解决方法:
li{vertical-align:top/bottom;}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>li 间距</title> <style type="text/css"> ul,li{list-style:none; padding:0; margin:0; border:1px solid red;} li{height:30px;} li a{float:left;} </style> </head> <body> <ul> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> </ul> <ul style="vertical-align:bottom;"> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> <li><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a><a href="">li 间距</a></li> </ul> </body> </html>
http://www.zhoubo.name/2012/12/17/ie6-ie7-li-margin/
相关文章推荐
- 解决IE6中li有上下间距的bug
- 解决IE6中li有上下间距的bug
- IE6 IE7下li间距、高度不一致问题(转)
- IE6 IE7下li间距、高度不一致问题
- 解决IE6中li有上下间距的bug
- 解决ie6、ie7下float为right换行的情况
- ie6、ie7下JSON.parse JSON未定义的解决方法
- 解决ie6、ie7下float为right换行的情况
- 【转】margin-bottom在IE6和IE7下失效的解决办法
- IE6列表上下多余间距bug解决方法
- 在IE6、ie7下input选择框与文字对齐 和ie更高版本无法一致的解决办法
- IE6、IE7下绝对定位position:absolute和margin的冲突bug解决方法
- ie6、ie7下JSON.parse JSON未定义的解决方法
- IE6 IE7下ol li无法显示list-style-type解决办法
- 解决IE6下div中文字显示竖排,IE7下div不能自适应高度问题
- IE6、IE7下样式overflow:hidden失效的解决办法
- li内有div浮动时,li出现4px间距,IE bug的解决方法
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- 解决IE6、7下li之间有间隙
- ie6,ie7下,img放在li中,给li设置padding属性时,padding-bottom多出奇怪的距离解决方案