导航菜单上的字体令人敬畏的图标没有与文本排队

时间:2013-07-16 23:12:58

标签: font-awesome

在网站上测试字体非常棒:http://simply-logs.co.uk/

我已将图标添加到导航菜单项中,但是图标和图标偏斜了。文字脱节。知道怎么排队吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

两个项目排列不正确的原因是因为您将字体真棒图标类应用于li标记而不是它自己的标记。尝试用以下方法替换当前项目:

<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-19">
    <a href="http://simply-logs.co.uk/"><i class="icon-home"></i> Home</a>
</li>

这会使您的图标与文字一致,也可以将其作为链接点击。上述语法(使用i标记)是使用该库的标准方法。