垂直居中的Fontawesome图标与文本

我试图垂直居中Fontawesome图标。这些图标必须位于父元素的中间。问题在于，只有当我将鼠标悬停在某个元素上时，才会看到在Firefox（31）中显示的一些工件。垂直居中的Fontawesome图标与文本

请参考下面的jsfiddle链接： http://jsfiddle.net/8ap92j7z/1/

<span class="big-icon"> 
    <a href="#"> 
     <span class="fa-stack fa-lg"> 
      <i class="fa fa-circle fa-stack-2x"></i> 
      <i class="fa fa-sitemap fa-stack-1x fa-inverse"></i> 
      <span class="text">Sitemap</span> 
     </span> 
    </a> 
</span>

什么我做错了，这可怎么固定？

来源

2014-08-28 Termos

尝试.big-icon a {text-decoration: none;} - jsFiddle Example

来源

2014-08-28 14:03:04

你的方法绝对解决了这个问题。不过，我想使用下划线链接，因为这是他们在整个网站的样式。（我upvote你的答案） – Termos 2014-08-28 14:07:38

修正，只需添加一个类选择器，只针对'.big-icon'中的'a'标签。 – 2014-08-28 14:08:33

Brian，谢谢:) – Termos 2014-08-28 14:15:44

为同一添加您的容器height为line-height您的字体真棒它会让你图标中。

来源

2014-08-28 14:07:43 Benjamin

垂直居中的Fontawesome图标与文本

回答

相关问题