Question

http://jsfiddle.net/cirosantilli/aZ9g4/3/

堆叠的“GitHub Issue”图标是其他固定宽度非堆叠图标的两倍，并使我的导航看起来很糟糕。

库中是否有一种方法可以在不破坏低级CSS属性的情况下使其大小相同？

如果只有fa-stack-half ...

如果没有，最好的解决方法是什么？

Answer 1

查看examples for stacked icons，可以通过修改范围内的字体大小来实现：

只需添加以下规则：

.fa-sm {
    font-size:0.63em;
}

使用标记：

<span class="fa-stack fa-sm">
  <i class="fa fa-exclamation fa-stack-1x"></i>
  <i class="fa fa-circle-o fa-stack-2x text-danger"></i>
</span>Github Issue

小提琴：http://jsfiddle.net/epxtY/

Answer 2

Try adding this CSS

.fa-stack{
    width: 1.28571em;    
}
.fa-circle-o.fa-stack-2x {
    font-size: 1.4em;
    top: 2px;
}
.fa-exclamation.fa-stack-1x{
    font-size: 10px;
    top: -3px;
}

http://jsfiddle.net/aZ9g4/12/

如何制作堆叠的Font Awesome图标与固定宽度的非堆叠图标具有相同的宽度？

2 个答案: