Jquery 在Fontsome中堆叠图标

我使用字体框架显示网格图标。是否有方法堆叠图标，以便显示

3x2

网格图标

演示

<a href="./"><i class="fa fa-square"></i> 1x1</a>
<a href="./" ><i class="fa fa-square"></i><i class="fa fa-square"></i> 2x1</a>
<a href="./"><i class="fa fa-th-large"></i> 2x2</a>
<a href="./"><i class="fa fa-th-large"></i> 3x2</a> << can not create 3 x 2
<a href="./"><i class="fa fa-th"></i> 3x3</a>

没有图标可以达到这个目的，但是你可以通过移动图标的边距来操纵图标，这样你最终会得到你需要的东西，这真的很难

<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;
}


.fa th大~.fa th大{
左边距：-8px；
}
你必须在这里做一些留边距的技巧来解决这个问题，就像这样

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

你必须做什么

添加另一个2x2图标
创建一个具有左边距技巧的类（这里是。左边距为负数的重叠）

将该类应用于第二个图标，即它。（根据需要更改边距。）
你是在说这个吗：我认为这行不通。也许有负利润率之类的。但这并不像应该的那么清楚。我会自己创建图标，并将其作为图像或图标包含。参考引导网格布局，好主意！但是关于左
的内容是：-6px；位置：相对位置？不确定你的意思，只是拼凑了一个接近OP实际需要的快速示例，现在他们知道如何做到这一点，我相信他们会解决：）抱歉，模糊不清：）我想说的是
.fa th large~.fa th large{left:-7px；position:relative；}
图标变得更符合我的口味。哦，我明白了。请更正打字错误。应该是
maring left
而不是
maring left
。你是对的，这样更好，正如前面所说的，只是想举个简单的例子：）我的答案差不多是抄袭的，嗯？很抱歉，但事实并非如此。当我打开评论框时，我正忙于其他工作，稍后再回到评论框。同时，您发布了相同的答案。我将删除我的答案。：-）无意冒犯，我只是不喜欢有抄袭意图的人。仅供参考，您可以在编辑时查看是否有人发布了新答案：）
<a href="./"><i class="fa fa-th-large"></i><i class="fa fa-th-large over-lap"></i> 3x2</a>

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