Question

目前，当我编写列表时，我这样做：

<ul><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
   --><li><a href="" title="">something</a></li><!--
--></ul>

    <ul><!--
    --><li><a title="" href="">something</a><!----></ul>

但是在更大的网站上有更复杂的导航菜单，这是不实用的，代码看起来很分散等......有没有人知道摆脱白色空间并保持干净的代码的方法..我以为我可能会问一下......这让每个网站都困扰我..

抱歉一个不好的例子，这里很难正确格式化..

感谢您的回复，这是一般感兴趣的帖子...... 我要尝试Ahsan Rathod和DanialB的回复......

我很害怕我们的客户仍然使用这个浏览器（IE6）所以我们必须使用这个尘土飞扬的ol'browser。

下一次生病后css，这次我没有这个是值得的，因为我假设每个人都在某个时候错误地为IE6编码并且碰到了这个......

再次感谢您的所有回复..

Answer 1

如果将列表项设置为inline个元素，则只会在列表中呈现空格。您可以使用浮动块而不会出现空格。

Answer 2

你试过了吗？

white-space: nowrap;

Answer 3

你也可以尝试这种方法，虽然它也不理想。

<ul
  ><li>Foo</li
  ><li>Bar</li
  ><li>Baz</li
  ><li>Quux</li
></ul>

有一点需要考虑，IE6现在很古老，甚至微软都准备好了解它。是否为具有3个连续版本的10年历史的浏览器提供住宿真的值得吗？

寻找更好的方法来删除IE6的空白区域

3 个答案: