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

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;">&nbsp; &nbsp; <i class="fab fa-facebook-f fa-2x" style="color: #3b5998;"></i></a>&nbsp;

Answer 2

您需要text-decoration: none;在您的班级中添加一个。它看起来像这样：.inbox&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-decoration:&nbsp;none;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}

Answer 3

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