Html 如何在导航栏中添加间距？_Html_Navigation

Html 如何在导航栏中添加间距？

html navigation

Html 如何在导航栏中添加间距？,html,navigation,Html,Navigation,如何在导航栏中添加间距？这是我写的代码，顺便说一句，我仍然是一个noob学习编码，所以耶 <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .topnav { overflow: hidde

如何在导航栏中添加间距？这是我写的代码，顺便说一句，我仍然是一个noob学习编码，所以耶

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #FFFFFFF;
}

.topnav a {
  float: left;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}


.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #FFFFFFF;
  color: black;
}
</style>
</head>
<body>

<div class="topnav">
  <a class="active" href="#home">Home</a>

  <a href="men.html">Men</a>
  
  <a href="women.html">Women</a>
  <a href="our-materials.html">Our Materials</a>
  <a href="stores.html">Stores</a>

</div>

<div style="padding-left:10px">
  <h2>Top Navigation Example</h2>
  <p>Some content..</p>
</div>


身体{
保证金：0；
字体系列：Arial、Helvetica、无衬线字体；
}
托普纳夫先生{
溢出：隐藏；
背景色：#FFFFFFF；
}
.topnav a{
浮动：左；
颜色：#000000；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.topnav a:悬停{
背景色：#ddd；
颜色：黑色；
}
.topnav a.active{
背景色：#FFFFFFF；
颜色：黑色；
}
顶级导航示例
一些内容

请提供我应该做的详细信息，最好是html格式，你可以通过多种方式添加空间。我建议您删除

float:left因为不是当前执行此操作的最佳方式
尽管如此，您可以将display:inline block
添加到元素中，或将display:flex
添加到topnav类中
如果您使用内联块，您将能够向a添加边距，如果您使用flex类型，您可以在
我希望您了解并了解更多关于flex和显示选项的信息。
最好的情况是为您的应用程序提供一个类或id并编辑一个子元素。我没有边际：0；消除任何保证金，然后宣布保证金权利：5px；这样，它将整齐地排列在一起，没有任何奇怪的间隙。在CSS中，您还可以添加文本转换：大写；以使您的导航全部为大写
从引导程序4开始，您可以使用间距实用程序。例如，在导航项的类中添加px-2，以增加填充
您可以使用属性padding在CSS中更改此设置：
.navbar-nav > li{
  padding-left:30px;
  padding-right:30px;
}

此外，您还可以设置边距
.navbar-nav > li{
  margin-left:30px;
  margin-right:30px;
}

在这个街区，用什么把左移到中间？浮动：左；我们告诉过你还有其他方法。使用浮动是早在'00了解flex如何工作和显示css属性。在flex justify内容上：开始并显示，它将以自然的方式显示在左侧。在该块中，使用什么使左侧居中？浮动：左