Html 如何消除导航链接之间的间隙

我正试图缩小导航菜单之间的差距，以便完全覆盖红色背景

<nav>
    <a class="current_page" href="index.php"><span class="glyphicon glyphicon-home"></span> Home </a>
    <a href="blog.php"><span class="glyphicon glyphicon-pencil"></span> Blog</a>
    <a href="photography.php"><span class="glyphicon glyphicon-camera"></span> Photos </a>
    <a href="videos.php"><span class="glyphicon glyphicon-facetime-video"></span> videos</a>
    <a href="feedback.php"> Feedback </a>
    <a href="about.php"> About </a>
</nav>

您只需添加

a { margin-right:-4px; }

因为无论何时编写

display:inline block

都需要额外的

margin right:4px

---

因此，您需要通过添加CSS代码来删除它。

更改边距CSS，如：

 a{
    margin:0px -5px;
    padding:5px;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    display:inline-block;
    background:#6a97d5;
}

---

@是的，它是复制品。请考虑对你的答案加些解释。

 a{
    margin:0px -5px;
    padding:5px;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    display:inline-block;
    background:#6a97d5;
}