在IE7下调试出现的一个ul、 li的问题

fisherboy 2008-09-25 12:26:47

在IE7环境下，UL LI 序列

如果LI里有元素，并且元素设置了float:left，
那么这个UL里的所有LI都有“下间隔4px”的效果，就是相当于margin-bottom:4px;
我在LI的 CSS里设置margin:0;padding:0;还是一样没用。
每个LI之间多了4PX，这么去都去不掉，很麻烦。

请问如何解决？



ul{margin:0;padding:0;}

ul li{margin:0;padding:0;height:26px;line-height:26px;}

ul li span{float:left;}

ul li em{float:left;}



<ul>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

</ul>

...全文

722 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

mamakele 2008-10-23

打赏
举报

好像又是在图片上面会有4px的间距；
有时候需要我们手动设置；margin-bottom：-4px；
才能解决这个是不是刚才那个是同一个问题呢！！！

szoe5203 2008-10-23

打赏
举报

设置height与line-height
另外设置display:block

bhbhxy 2008-10-23

打赏
举报

line-height是行高，每行的高度都是26像素，肯定会撑开的

hahanan1987 2008-10-22

打赏
举报

一楼正解就是调line-height就行了

fisherboy 2008-10-22

打赏
举报

mumuTiger ,

LI为什么要用 height:auto; ?

为什么我设置了固定高度就会有间距,不设置就没有.

jackyBody 2008-09-25

打赏
举报



<style>

*{margin:0;padding:0}

 ul{margin:0;padding:0;}

 ul li{margin:0;padding:0;border:1px solid #f00; height:auto; }

 ul li span{float:left; display: inline} 

 ul li em{float:left; display: inline}

 </style>

<body>

<ul>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

<li><span>哈哈</span><em>你好吗</em></li>

</ul>



</body>