Question

div+css <li>标签之间有间距

* { padding:0; margin:0; font-size:12px; color:#f00; line-height:25px;}
img{ border: 0px;}
a {text-decoration:none; }
li{ list-style-type:none;}
.aaa1{width:300px; height:250px; background:#000}
.aaa1 ul li{height:25px; background:#0ff;}
#aaa2{display:block; float:left; width:100px; background:#0f0;}
#aaa3{display:block; float:right; width:80px; background:#00f;}

<div class="aaa1">
<ul>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
<li><span id="aaa2">啊啊啊啊啊</span><span id="aaa3">不不不不不</span></li>
</ul>
</div>

以上是代码 我想让span一个向左一个向右 但是只有加了float命令 li之间就会有间距
这个bug只有ie6里有 肿么解决

Answer 1

取消Li标签之间的间距可以用样式来处理，list-sytle-type:none 这样子就不会出现间距了，因为li标签系统会默认给他样式的。

Answer 2

=w=!
把 下一个的开始 li 写到上一个的结束 li 后
如：
<li></li><li>
</li><li></li><li>
</li><li></li></li>

而不要这样：
<li></li>
<li></li>

就这样……

Answer 3

li{float: left}即可

Answer 4

在li里加上vertical-align:bottom

Answer 5

* { padding:0; margin:0; font-size:12px; color:#f00; line-height:25px;}
img{ border: 0px;}
a {text-decoration:none; width:100px; background:#0f0;}
li{ list-style-type:none;}
.aaa1{width:300px; height:250px; background:#000}
.aaa1 ul li{height:25px; background:#0ff; }
.aaa1 ul li span{ float:right; width:80px;background:#00f;display:block;}/* 增加*/
#aaa2{display:block; width:100px; background:#0f0;}/*去掉float*/
#aaa3{display:block; float:right; width:80px; background:#00f;}/*删除*/

<div class="aaa1">
<ul>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
<li><span >不不不不不</span><a id="aaa2">啊啊啊啊啊</a></li>
</ul>
</div>

主要是float 惹的祸 你考虑hacker 还不如最好同时使用right left