Css html5导航中的中心徽标

所以我试图在html5的导航部分中设置一个标志

  <header>
    <div class="container1">
       <nav>
           <div class="logo">Logo</div>
       </nav>
    </div>
  </header>

标志

​

---

有什么建议吗？提前谢谢

您不能使用

float:left

并期望能够将其居中

---

到目前为止，使元素水平居中的最简单方法是让其容器使用

text align:center

，受影响的元素使用

display:inline block

（以及可选的

text align:left

覆盖容器的文本对齐方式）

您不能使用

float:left

并期望能够将其居中

---

到目前为止，使元素水平居中的最简单方法是让其容器使用

text align:center

，受影响的元素使用

display:inline block

（可选地

text align:left

覆盖容器的文本对齐）

删除您的

float:left和添加
边距：0自动

删除您的
浮动：左和添加
边距：0自动

添加
页边距：0自动
至
.logo
并移除
浮动：左

此外，您没有正确使用
nav
元素，因为它应该包含当前没有的导航。
添加
边距：0自动
至
.logo
并移除
浮动：左

另外，您没有正确使用
nav
元素，因为它应该包含当前没有的导航。
首先：

删除以下行：

margin-left: auto;
margin-right: auto;

以您的#container1风格

秒：

在您的.logo样式中，删除：

float: left;

并加上：

margin: 0 auto;

我可以建议您删除所有不用于澄清代码的样式吗

希望这能解决您的问题。
首先：

删除以下行：

margin-left: auto;
margin-right: auto;

以您的#container1风格

秒：

在您的.logo样式中，删除：

float: left;

并加上：

margin: 0 auto;

我可以建议您删除所有不用于澄清代码的样式吗

希望这能解决你的问题。
正如上面提到的，这只是另一种说法

.logo {
    float: left; /*remove */
    margin: 0 auto; /*add */
}

正如上面提到的，这只是另一种说法

.logo {
    float: left; /*remove */
    margin: 0 auto; /*add */
}

关于
页边距：0 auto
的内容是什么？顺便说一句：什么？（水平-垂直）？关于
页边距：0 auto
？顺便说一句：什么？（水平-垂直）？