在fontawesome的堆栈图标

Question

我使用字体awesome框架显示网格图标。有没有一种堆叠图标的方法，所以我可以显示nohup网格图标？

演示Jsfiddle

3x2

Answer 1

你必须在这里做一些左边缘的技巧来解决这个问题，比如

您的HTML代码（适用于3x2图标）

<a href="./"><i class="fa fa-th-large"></i><i class="fa fa-th-large over-lap"></i> 3x2</a>

相对CSS代码将是这样的

.over-lap{
  margin-left:-7px; 
}

你有什么？

1. 添加另一个2x2图标
2. 创建一个带左边距离技巧的课程（此处为 .over-lap，左边距为负）
3. 将此课程应用于第二个图标（根据您的要求改变保证金。）

Answer 2

没有用于这个目的的图标，但你可以通过边距移动它们来操纵图标，这样你最终会得到你需要的东西，这真是太烂了。

<a href="./"><i class="fa fa-th-large"></i><i class="fa fa-th-large"></i> 3x2</a>

.fa-th-large ~ .fa-th-large{
  margin-left: -8px;
}