水平导航栏间距

Question

我正在尝试在CSS中创建水平导航栏。我正在使用此页面中的CSS，它似乎工作正常： http://css.maxdesign.com.au/listamatic/horizontal27.htm

...但是如果将鼠标悬停在示例中的任何链接上，则在垂直白条之前的每个元素的左侧都会有一个小间隙。我的导航栏遇到了同样的问题。有没有办法删除这个空间？或者有更好的方法来创建居中的水平导航栏吗？

谢谢！

Answer 1

<ul id="navlist">
   <li id="active"><a id="current" href="#">Item one</a></li><li><a href="#">Item two</a></li><li><a href="#">Item three</a></li><li><a href="#">Item four</a></li><li><a href="#">Item five</a></li>
</ul>

删除<li>元素之间的所有新行。代码中的新行被解释为一个空格，这就是问题，它不是造型。

你也可以添加样式：

#navcontainer ul li a {
  margin-left:-3px;
}