Question

我有以下div层：

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

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

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

但是这个例子中的A字符并没有进入div图标。我想让它进入图标并居中。

有关如何实现这一目标的任何想法？

由于

Answer 1

您可以使用pseudo-element ：之前。

来实现此目的

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

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

.fa:before {
    position: absolute;

}

所以在你的情况下，这将是：

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

<强> CSS：

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

我建议使用 span 。将文本换行并将其放置并根据需要进行样式设置。