为什么我的字体中的破折号是“信封”的很棒的图标（下面的屏幕截图）

Question

信封图标旁边有一个奇怪的破折号我也尝试添加 font-awesome 4 中的类似图标，但仍然不好。我使用的代码如下 -<i class="far fa-envelope" class="inbox"></i>而且，我也没有在 CSS 中对其进行任何更改。

Answer 1

如果您的 fontawesome 图标包含在锚标记 () 中，则锚标记的样式需要将其文本装饰设置为 none 以删除破折号。

例子：

<a href="https://XXXXX" style="text-decoration: none;">

    <i class="fab fa-facebook-f fa-2x" style="color: #3b5998;"></i>

</a> 

Answer 2

您需要text-decoration: none;在您的班级中添加一个。

它看起来像这样：

.inbox { 
         text-decoration: none; 
       }

Answer 3

对于初学者来说，您已经声明了两次“class”属性。至于连字符，也许您将此图标嵌套在带删除线的 HTML 标签中或声明此的 CSS 属性中。如果没有看到图标显示位置的完整 CSS，我无法确定。