Font-Awesome图标显示3次[已关闭]

Question

关门了。

这个问题是

不可复制的或由打字错误引起的

..。它目前不接受答案。

想要改进这个问题吗？

更新问题，使其成为

主题

堆栈溢出。

昨天关门了。

改进这个问题

我创建了一个

Codepen

其中的字体-令人敬畏的图标显示了3次。我不能理解其中的原因。任何帮助或指导都将非常有用。

CZ
    
       Home 
       About 
       Blog 
       Contact

Answer 1

问题是您不能关闭

这样的元素，因为它不是一个空元素。

您需要使用单独的结束标记来结束它：

否则浏览器不会认为元素是封闭的，所以它会这样解释它：

Answer 2

正如D·帕达尔所说，你必须关闭你的

通过他的结束标记

别忘了改正。有一个小错误。

​

body {
  font-size: 20px;
  margin: 0;
}
navbar {
  display: flex;
  align-items: center;
  background-color: pink;
  color: white;
  line-height: 50px;
}

label{
  padding: 0 50px;
  font-weight: bolder;
  text-shadow: 2px 1px grey;
}

a {
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: white
}
ul {
  display: flex;
  list-style: none;
}

/* .link:hover{
  color: blue;
}

.link:visited{
  color: red;
} */

.search {
  margin-left: auto;
  border-radius: 10px;
  width;  5.9vw;
}

CZ
    
       Home 
       About 
       Blog 
       Contact

​