如何抵消重叠的 Font Awesome 图标？

Question

有没有办法重叠两个 Font Awesome 图标，使其看起来像 files icon with respect to the file 图标？我不想堆叠图标，而是让一个封面占另一个封面的 50%。谢谢！

Answer 1

为什么不直接使用 CSS 填充来偏移其中一个图标？

<span class="fa-stack fa-lg">
  <i class="fa fa-file fa-stack-2x"></i>
  <i class="fa fa-file fa-stack-2x" style="padding-left:15px;padding-top:15px;"></i>
</span>

Fiddle: http://jsfiddle.net/mwatz122/sx7fk582/

如何抵消重叠的 Font Awesome 图标？

How to offset overlapped Font Awesome icons?

css

font-awesome