手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >多浏览器下IE6 IE7 firefox li 间距问题第1/2页
多浏览器下IE6 IE7 firefox li 间距问题第1/2页
摘要:今天小雷提到一个ie5下li产生空白行距的问题,下面来测试一下。新建一个简单的HTML测试文件,下面来测试ulli标签。复制代码代码如下:菜...

今天小雷提到一个ie5下li产生空白行距的问题,下面来测试一下。

新建一个简单的HTML测试文件,下面来测试ulli标签。

复制代码 代码如下:

<ul>

<li><ahref="#">菜单一</a></li>

<li><ahref="#">菜单一</a></li>

<li><ahref="#">菜单一</a></li>

<li><ahref="#">菜单一</a></li>

<li><ahref="#">菜单一</a></li>

<li><ahref="#">菜单一</a></li>

</ul>

测试一,定义css为如下代码,效果如下:

body{font-size:12px;margin:0}

ul{list-style:none;margin:0;padding:0;width:120px;}

ulli{background:green;height:20px;}

ullia{color:#fff;padding:00010px;}

发现在IE5和IE5.5下左边都产生了空白,并且在IE5下,LI之间的行距产生空白,如下图

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

当前1/2页12下一页阅读全文

【多浏览器下IE6 IE7 firefox li 间距问题第1/2页】相关文章:

网页头部css代码优化实例

css图片透明效果

用纯CSS打造可折叠树状菜单

浏览器不支持position: fix的解决

区分IE6,IE7和firefox的CSS hack

最全的CSS浏览器兼容问题

FireFox浏览器和IE浏览器下CSS的兼容问题

CSS不同浏览器兼容问题

JS控制css float属性的用法

纯css实现的下拉菜单只有边框底纹用到图片

精品推荐
分类导航