Question

我正在尝试堆叠两个图标。我的尝试看起来很糟糕，因为中心图标不在fa-circle-o内。

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<span class="fa-stack fa-lg">
  <i class="fa fa-th-large fa-stack-1x"></i>
  <i class="fa fa-circle-o fa-stack-2x"></i>
</span>

在font awesome提供的堆叠系统中有没有一种很好的解决方法？

Answer 1

据我所知，你无法使用字体很棒的类来解决这个问题，但是你可以使用margin-top: 1px

来做一个非常简单的样式

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<span class="fa-stack fa-lg">
  <i class="fa fa-th-large fa-fw fa-stack-1x" style="margin-top: 1px"></i>
  <i class="fa fa-circle-o fa-fw fa-stack-2x"></i>
</span>

＆＃13;

堆叠fa-circle-o和其他图标，同时保持垂直和水平对齐

1 个答案: