Font Awesome：如何删除圆圈数字周围的 space

Question

我正在使用 Font Awesome 围绕数字创建一个圆圈。 HTML如下：

<span class="fa fa-stack fa-3x" >
            <i class="fa fa-circle-thin fa-stack-1x" ></i>
            <strong class="fa-stack-1x" >2</strong>
 </span>

这是 jsfiddle 演示：

http://jsfiddle.net/mddc/dkgzLrLf/2/

如本演示所示，圆圈周围有 space 个。我怎样才能优雅地删除它？并将其放置在容器的左上角（div 标签）？

感谢和问候。

Answer 1

不明白为什么要使用 Font Awesome，因为您只想要数字周围的边框，所以这是一个简单的css解决方案

HTML:

<strong class="nbr">2</strong>

CSS:

.nbr {
    display: inline-block;
    font-size: 24px;
    line-height: 1.2em;
    width: 1.2em;
    border: 2px solid #000;
    border-radius: 50%;
    text-align: center;
}

保持线高值与宽度（em 或 px）相同，以获得完美的圆

这是更新后的 Fiddle https://jsfiddle.net/dkgzLrLf/3/

Font Awesome：如何删除圆圈数字周围的 space

Font Awesome: how to remove the space around a circled number

font-awesome