多浏览器下IE6 IE7 firefox li 间距问题第1/2页

所属分类: 网络编程 / CSS/HTML 阅读数: 304
收藏 0 赞 0 分享
今天小雷提到一个ie5下li产生空白行距的问题,下面来测试一下。 
新建一个简单的HTML测试文件,下面来测试ul li标签。
复制代码 代码如下:

<ul>  
<li><a href="#">菜单一</a></li>  
<li><a href="#">菜单一</a></li>  
<li><a href="#">菜单一</a></li>  
<li><a href="#">菜单一</a></li>  
<li><a href="#">菜单一</a></li>  
<li><a href="#">菜单一</a></li>  
</ul> 

测试一,定义css为如下代码,效果如下:
body{font-size:12px;margin:0} 
ul{list-style:none;margin:0;padding:0;width:120px;} 
ul li{background:green;height:20px;} 
ul li a{color:#fff;padding:0 0 0 10px;}
发现在IE5和IE5.5下左边都产生了空白,并且在IE5下,LI之间的行距产生空白,如下图 
 
更多精彩内容其他人还在看

Mozilla建议的CSS书写顺序

Mozilla建议的CSS书写顺序
收藏 0 赞 0 分享

微软终于对网页三剑客下手了

微软终于对网页三剑客下手了
收藏 0 赞 0 分享

div+css布局入门

div+css布局入门
收藏 0 赞 0 分享

HTML中的数据绑定

HTML中的数据绑定
收藏 0 赞 0 分享

CSS定义通用透明效果

CSS定义通用透明效果
收藏 0 赞 0 分享

一段巧妙的css debug代码

一段巧妙的css debug代码
收藏 0 赞 0 分享

display&position

display&position
收藏 0 赞 0 分享

布局遇到的问题 非常不错的见解

布局遇到的问题 非常不错的见解
收藏 0 赞 0 分享

表格斜线

表格斜线
收藏 0 赞 0 分享

利用CSS控制SELECT中的OPTION是否不允许选

利用CSS控制SELECT中的OPTION是否不允许选
收藏 0 赞 0 分享
查看更多