Html 为什么导航没有对准收割台的中心？

请看看这个

HTML:

---

为什么

nav

未在

标题的中心对齐
删除
显示：表格和添加
边距：0自动到您的
nav

#main_nav {
    text-align:center;
    width:50%;
    padding-top: 35px;
    margin:0px auto;
}

#main_nav {
    text-align: center;
    width: 50%;
    padding-top: 35px;
    margin: 0 auto;
}

选中此项
删除
显示：表格和添加
边距：0自动到您的
nav

#main_nav {
    text-align: center;
    width: 50%;
    padding-top: 35px;
    margin: 0 auto;
}

检查此项
不要给
填充
不需要的
边距
，以调整html

这是一张工作票

删除
填充顶部
边距
等，并添加：

header{
  display: flex;
  align-items: center;
  overflow: scroll;
  justify-content: center;
}
header h1{
  min-width: 250px;
  margin: 0;
}
#search_and_avatar{
  flex: 1;
  display: flex;
  justify-content: flex-end; 
}


正文{
保证金：0；
字体系列：“源Sans-Pro”，无衬线；
}
标题{
背景色：#151515；
溢出：隐藏；
高度：100px；
}
h1{
颜色：#FFF；
字体系列：“Arial圆角MT”，“Helvetica圆角”，Arial，无衬线；
字体大小：40px；
字体大小：正常；
线高：25px；
填充：0px 20px；
}
标题h1，img，搜索表格{
浮动：左；
}
#主导航a{
颜色：#FFF；
文字装饰：无；
}
#主导航{
显示：表格；
文本对齐：居中；
宽度：50%；
}
#主导航{
显示：表格行；
}
#主导航ulli{
填充：15px；
显示：表格单元格；
垂直对齐：中间对齐；
最高：50%；
显示：内联；
}
收割台img{
宽度：35px；
}
标题{
显示器：flex；
对齐项目：居中；
溢出：滚动；
证明内容：中心；
}
收割台h1{
弹性：1；
最小宽度：250px；
保证金：0；
}
标题形式{
文本对齐：右对齐；
}
#搜索_和_头像{
弹性：1；
显示器：flex；
证明内容：柔性端；
}

CSS技巧










不要给
填充的
不需要的
边距来调整html

这是一张工作票

删除
填充顶部
边距
等，并添加：

header{
  display: flex;
  align-items: center;
  overflow: scroll;
  justify-content: center;
}
header h1{
  min-width: 250px;
  margin: 0;
}
#search_and_avatar{
  flex: 1;
  display: flex;
  justify-content: flex-end; 
}


正文{
保证金：0；
字体系列：“源Sans-Pro”，无衬线；
}
标题{
背景色：#151515；
溢出：隐藏；
高度：100px；
}
h1{
颜色：#FFF；
字体系列：“Arial圆角MT”，“Helvetica圆角”，Arial，无衬线；
字体大小：40px；
字体大小：正常；
线高：25px；
填充：0px 20px；
}
标题h1，img，搜索表格{
浮动：左；
}
#主导航a{
颜色：#FFF；
文字装饰：无；
}
#主导航{
显示：表格；
文本对齐：居中；
宽度：50%；
}
#主导航{
显示：表格行；
}
#主导航ulli{
填充：15px；
显示：表格单元格；
垂直对齐：中间对齐；
最高：50%；
显示：内联；
}
收割台img{
宽度：35px；
}
标题{
显示器：flex；
对齐项目：居中；
溢出：滚动；
证明内容：中心；
}
收割台h1{
弹性：1；
最小宽度：250px；
保证金：0；
}
标题形式{
文本对齐：右对齐；
}
#搜索_和_头像{
弹性：1；
显示器：flex；
证明内容：柔性端；
}

CSS技巧










Hi，在应用该更改后，它在“立即”和“居中”上稍微多了一点，您可以查看更新的小提琴。你知道为什么吗？UL元素默认有一船填充物，你正在移除它吗？@我尝试移除UL的默认填充物。它仍然没有完全居中。嗨，在应用了那个改变之后，它现在比居中稍微多了一点，你可以检查更新的小提琴。你知道为什么吗？UL元素默认有一船填充物，你正在移除它吗？@我尝试移除UL的默认填充物。“它仍然没有完全居中。但它没有完全居中。”灰色情人更新。不幸的是，
h1有一些
填充顶部
，现在它甚至比中间更正确。顺便说一句，我是用Chrome浏览器观看的。哦，你是指垂直中心还是水平中心？我是指水平中心，很抱歉搞混了。但它并没有完全居中。@Grey lover更新。不幸的是，
h1有一些
填充顶部
，现在它甚至比中间更正确。顺便说一句，我是用Chrome浏览器观看的。哦，你是指垂直中心还是水平中心？我是指水平中心，很抱歉弄混了。您好，在您的小提琴中，它并不完全位于头部的中心。移动显示：表格行；在你们的作品中，恐怕并没有什么帮助。嗨，在你们的小提琴中，它并不完全在头部的中心。移动显示：桌子一行；在你的情况下，这恐怕没用。