导航中心的标志

Question

我试图使用基础在中心制作带徽标的导航。

所以：

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>

<强> Demo

或者接受Pete的建议并将其作为主页链接。

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