Html 获取CSS字体内的文本超棒div图标

我有以下div层：

<div class="iconfa-circle-blank"></div>

这显示了一个字体很棒的圆形图标，我想在这个图标内放置一个1个字符的字母，如下所示：

<div class="iconfa-circle-blank">A</div>

但本例中的A字符不在div图标内。我想让它进入图标内并居中

有什么办法可以做到这一点吗

---

谢谢

您可以通过使用伪元素：before来实现这一点

我为你做了这个，这样你就可以看到了。你必须为自己设计它，它只是为了向你展示它是如何完成的

---

不过我建议使用span。将文本包装成一个跨距，并根据需要对其进行定位和设置样式

一个好的解决方案是使用一个iconText类创建一个跨度，并在iconText类中将其居中

<i class="fa fa-camera-retro">A</i>

.fa:before {
    position: absolute;

}

<div class="iconfa-circle-blank">A</div>

.iconfa-circle-blank:before {
   position: absolute;
}