html - 位置堆叠 Font Awesome 图标

我试图通过在 fa-square-o 上堆叠 fa-circle 来创建一个“素食”图标。问题是圆没有相对于正方形垂直居中对齐。我尝试使用 margin/padding/vertical-align css 属性，但它们没有任何效果。我的代码是:

<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-circle fa-stack-1x " ></i>
</span>

最佳答案

您可以通过添加顶部将其向上移动:

.fa-stack-1x {
    top: -1px;
}

关于html - 位置堆叠 Font Awesome 图标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32698326/