css - 顶部栏元素未排列

Question

我在使用 Foundation 6 顶部栏导致菜单项不对齐时做错了什么。

<div class="top-bar">
  <div class="top-bar-left">
    <ul class="menu">
      <li class="menu-text"><a href='#'>HandyMan!</a></li>                 
      <li><a href="/gallery">Gallery</a></li>                          
    </ul>
  </div>  
</div>

在这个 JSFiddle 中可以看到: https://jsfiddle.net/4ky7jjja/

我正在使用这里的文档: http://foundation.zurb.com/sites/docs/top-bar.html

我已经添加了一个超链接，但在这样的菜单栏上这样做肯定是正常的事情。

Answer 1

类(class)menu-text第一<li>正在添加第二个(带有链接)没有的额外填充。要么删除该类，将其添加到另一个 li ，或使用您自己的 CSS 覆盖填充。