代码之家 › 专栏 › 技术社区 › LAffair

堆叠两个FontAwesome图标

font-awesome css

LAffair · 技术社区 · 8 年前

我需要分组2个图标,如 . 我曾尝试使用fa堆栈类,但它与图像重叠,我不知道如何将一个放在另一个上面。

<span class="fa-stack fa-lg">
<i class="fa fa-envelope fa-stack-1x"></i>
  <i class="fa fa-ellipsis-h fa-stack-2x"></i>
</span>

1 回复 | 直到 8 年前

GeekAb 8 年前

如果使用相同的结构,可以使用css负边距将第二个图标稍微上移。

<span class="fa-stack fa-lg">
  <i class="fa fa-envelope fa-stack-1x"></i>
  <i class="fa fa-ellipsis-h fa-stack-2x"></i>
</span>

span i:not(:first-child){
  margin-top:-15px;
}

这是一个 example

推荐文章

Simon · 使用React更改字体可怕图标的颜色

4 年前

Muhammad Asif Mohtesham · 在Font Awesome中,是否可以使用CSS内容属性在“far”和“fas”数据前缀之间切换?[副本]

8 年前

en Peris · 使用JQuery动态更改AwesomeIcon的颜色

8 年前

Pranta Saha · 为什么Font Awesome图标类不同

8 年前

Mav · 如何将图标与固定高度标记的中心对齐[重复]

8 年前

LP13 · 在中心对齐定位标记内的内容

8 年前

Fjott · CSS-居中字体超级图标

8 年前

Sinan Samet · 字体很棒的图标不会显示在Angular 5中

8 年前

Tithos · 品牌FA5图标不工作

8 年前

SuperUberDuper · 字体awesome在加载之前显示方块

8 年前