导航中心的标志

Question

我正在尝试使用foundation制作一个中心带有徽标的导航。

因此：

home | about | [LOGO] | services | work

这是我的Fiddle

我想把导航标签和标志下的所有导航内容都分开。我使用推/拉类来对齐它。问题是，即使它在代码中的同一行，它也不起作用？为什么？

Answer 1

我只需将徽标作为一个列表项，并对屏幕阅读器隐藏它：

<li class="small-2 columns" aria-hidden="true">
    <img src="http://design.ubuntu.com/wp-content/uploads/ubuntu-logo32.png" />
</li>

演示

或者采纳皮特的建议，将其作为家庭链接。

<li class="small-2 columns"> 
    <a href="/">
        <img src="http://design.ubuntu.com/wp-content/uploads/ubuntu-logo32.png" />
    </a>
</li>