Html 页边距：自动和文本对齐：居中不起作用_Html_Css_Margin_Text Align

Html 页边距：自动和文本对齐：居中不起作用

html css

Html 页边距：自动和文本对齐：居中不起作用,html,css,margin,text-align,Html,Css,Margin,Text Align,我正在尝试建立一个网站。由于某些原因，我的“边距：自动”和“文本对齐：中心”属性不起作用。有人能在inspect元素中检查我的代码并告诉我出了什么问题吗正文{ 字体系列：无衬线，“Helvetica”；背景色：#f9f9f9； } .下拉列表{ 位置：相对位置； } .下拉内容{ 显示：无；位置：绝对位置；最小宽度：160px；盒影：0px 8px 16px 0px rgba（0,0,0,0.2）； } .下拉内容a{ 显示：块； } .下拉：悬停.下拉内容{ 显示：块； } #我的

我正在尝试建立一个网站。由于某些原因，我的“边距：自动”和“文本对齐：中心”属性不起作用。有人能在inspect元素中检查我的代码并告诉我出了什么问题吗

正文{
字体系列：无衬线，“Helvetica”；
背景色：#f9f9f9；
}
.下拉列表{
位置：相对位置；
}
.下拉内容{
显示：无；
位置：绝对位置；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
显示：块；
}
.下拉：悬停.下拉内容{
显示：块；
}
#我的头{
文本对齐：居中；
}
#主导航栏{
文本对齐：居中；
保证金：0自动；
右边距：自动；
左边距：自动；
宽度：800px；
}
#主导航栏导航a{
文字装饰：无；
文本对齐：居中；
}
#主导航栏导航{
显示：内联块；
文本对齐：居中；
右边填充：20px；
}


我的自行车之家
我的自行车

不是HTML元素。如果你有的话，这会被捡起来的

无法识别的元素被放入具有默认样式的DOM中，默认样式包括

display:inline

自动边距和

文本对齐

对

显示：内联

的元素没有影响

使用正确的HTML，使用

（默认为

显示：block

）。

不是HTML元素。如果你有的话，这会被捡起来的

无法识别的元素被放入具有默认样式的DOM中，默认样式包括

display:inline

自动边距和

文本对齐

对

显示：内联

的元素没有影响

使用正确的HTML，使用

（默认为

显示：block

）。

请使用div更改导航栏

<body>
  <header>
    <h1 id="my_cycle_head">My Cycle</h1>
    <div id="main_navbar">
      <nav><a href="#">Home</a>
      </nav>
      <nav class="dropdown">
        <a class="dropbtn">Dropdown</a>
        <div class="dropdown-content">
          <a href="#">Link 1</a>
          <a href="#">Link 2</a>
          <a href="#">Link 3</a>
        </div>
      </nav>
      <nav><a href="faq.html">FAQ's</a>
      </nav>
      <nav><a href="about.html">About</a>
      </nav>
    </div>
  </header>
</body>


我的自行车

工作示例：

请使用div更改导航栏

<body>
  <header>
    <h1 id="my_cycle_head">My Cycle</h1>
    <div id="main_navbar">
      <nav><a href="#">Home</a>
      </nav>
      <nav class="dropdown">
        <a class="dropbtn">Dropdown</a>
        <div class="dropdown-content">
          <a href="#">Link 1</a>
          <a href="#">Link 2</a>
          <a href="#">Link 3</a>
        </div>
      </nav>
      <nav><a href="faq.html">FAQ's</a>
      </nav>
      <nav><a href="about.html">About</a>
      </nav>
    </div>
  </header>
</body>


我的自行车

工作示例：

我已将您对

navbar

的使用更正为

nav

，并创建了一系列

ul

并列出其中的项目，以替换所有单个

nav

元素。

nav

元素是导航元素的一部分，而不是标记每个单独的导航点（请参阅此处的更多信息：）

我还对CSS重新排序，并使用子选择器（）防止样式从主导航向下滚动到下拉子菜单。在本例中，所有文本现在都居中

正文{
字体系列：无衬线，“Helvetica”；
背景色：#f9f9f9；
}
#我的头{
文本对齐：居中；
}
#主导航栏{
文本对齐：居中；
保证金：0自动；
右边距：自动；
左边距：自动；
宽度：800px；
}
#主导航栏>ul>li{
显示：内联块；
文本对齐：居中；
右边填充：20px；
}
#主导航栏>ul>li>a{
文字装饰：无；
文本对齐：居中；
}
.下拉列表{
位置：相对位置；
}
.下拉内容{
显示：无；
填充：0；
位置：绝对位置；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉列表内容>li{
显示：块；
}
.下拉：悬停.下拉内容{
显示：块；
}


我的自行车

我已将您对

导航栏的使用更正为nav
，并创建了一系列ul
并列出其中的项目，以替换所有单个nav
元素。nav
元素是导航元素的一部分，而不是标记每个单独的导航点（请参阅此处的更多信息：）
我还对CSS重新排序，并使用子选择器（）防止样式从主导航向下滚动到下拉子菜单。在本例中，所有文本现在都居中

正文{
字体系列：无衬线，“Helvetica”；
背景色：#f9f9f9；
}
#我的头{
文本对齐：居中；
}
#主导航栏{
文本对齐：居中；
保证金：0自动；
右边距：自动；
左边距：自动；
宽度：800px；
}
#主导航栏>ul>li{
显示：内联块；
文本对齐：居中；
右边填充：20px；
}
#主导航栏>ul>li>a{
文字装饰：无；
文本对齐：居中；
}
.下拉列表{
位置：相对位置；
}
.下拉内容{
显示：无；
填充：0；
位置：绝对位置；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉列表内容>li{
显示：块；
}
.下拉：悬停.下拉内容{
显示：块；
}

我的自行车
















谢谢，但我刚刚用替换了nabber并在其内部制作了一个。谢谢，但我刚刚用替换了nabber并在其内部制作了一个。是否有可能使文本对齐产生影响？是否有可能使文本对齐产生影响？