Font Awesome 的 Instagram 图标中不必要的破折号

Question

我有以下代码用于导航栏中的 Font Awesome 图标：

<u class="nav-social-media">
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>    
 </u>

现在我已经检查了 :after 和 :before 部分中的所有伪代码，但我似乎仍然得到这个小破折号：

为什么我得到那个破折号？

我什至尝试将 Instagram 图标更改为图像而不是图标，但仍然出现破折号。为什么？

Answer 1

您的 li 项已包含在 underline 元素中。

改为将其更改为 un-ordered list 元素，您将被排序。

<ul class="nav-social-media">
    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
    <li><a href="#"><i class="fa fa-instagram"></i></a></li>    
</ul>

Font Awesome 的 Instagram 图标中不必要的破折号

Unnecessary dash in Instagram icon for Font Awesome

html

css

font-awesome