Question

我正在尝试在导航栏链接之间放置空格。有人可以帮我吗？

这是HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>007 NIGHTFIRE DATA</title>
</head>
<body>
    <h1><center><font color="#FFD700">007 NIGHTFIRE DATA</center></h1></span></font>
    <nav>
        <center>
        <a href="/HOME/">HOME</a>
        <a href="/GAMEPLAY/">GAMEPLAY</a>
        <a href="/IMAGES/">IMAGES</a>
        <a href="/VIDEOS & TRAILERS/">VIDEOS & TRAILERS</a>
        <a href="/GAME HELP/">GAME HELP</a>
        </center>
    </nav>

Answer 1

通过使用margin，

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.nav{
  display: inline;
  margin-left: 5px;
  margin-right:5px;
}
</style>
<title>007 NIGHTFIRE DATA</title>
</head>
<body>
<h1><center><font color="#FFD700">007 NIGHTFIRE DATA</center></h1></span></font>
<nav>
<center>
<div class="nav"><a href="/HOME/">HOME</a></div>
<div class="nav"><a href="/GAMEPLAY/">GAMEPLAY</a></div>
<div class="nav"><a href="/IMAGES/">IMAGES</a></div>
<div class="nav"><a href="/VIDEOS & TRAILERS/">VIDEOS & TRAILERS</a></div>
<div class="nav"><a href="/GAME HELP/">GAME HELP</a></div>
</center>
</nav>

希望这对您有帮助！

Answer 2

使用Margin或Padding CSS属性。

https://www.htmldog.com/guides/css/beginner/margins/

如何在导航栏链接之间添加空间？

2 个答案: