Question

我目前正在使用字体真棒库和我需要的图标之一需要升级版本。但是到目前为止，我不允许在我的项目中升级版本。所以，我要找的是将两个图标包含在一个图标中。我需要fa-user-plus图标，这个图标可以通过组合fa-user和fa-plus图标来制作。但是，我在将其置于准确位置时遇到困难。有什么帮助吗？

Answer 1

使用fa-plus的绝对定位和较小的字体大小将其定位在必须

的位置

.fa-wrapper {
    position:relative;
}

.fa-user {
    font-size: 18px;
}

.fa-plus {
    position: absolute;
    right: 2px;
    top: 0;
    font-size: 11px;
}

<div class="fa-wrapper">
    <span class="fa-user"></span>
    <span class="fa-plus"></span>
</div>

如何使用自定义位置和大小堆叠多个fa图标

1 个答案: