日期:2014-05-17  浏览次数:20732 次

【CSS】UL之list间距如何设定
本帖最后由 jwf007 于 2012-12-29 09:49:25 编辑
list之间的间距在火狐和谷歌里面会隔行显示。IE6却是存在2px的间距
代码如下:

<style>
ul{list-style:none;margin:0;padding:0;}
</style>
<div>
<p>
<ul>
<li>·务实创新以务实创新精神理念,服务用户,追求精品;</li>
<li>·成人达已为用户提供高品质的服务,最大限度地满足用户的需求,携手共创“双赢”</li>
<li>·成就用户价值观只让用户满意是不够的,不间断追求,不间断服务,真诚会客忠诚待客方能与客成为永久的合作伙伴。</li>
</ul>
</p>
</div>

谷歌:

IE6:

火狐:

------解决方案--------------------
ie6下面 的 ul  有个 bug,应该这样设置:ul{margin:0;padding:0;list-style-type:none; }
ul li{display:inline}
------解决方案--------------------
同时设置行高。