Html 通过忽略其他元素将项目居中放置在div中

我想创建一个标题栏并将标题/徽标居中，但它并没有完全居中

正文{
保证金：0；
背景：黑色；
}
.链接{
文字装饰：无；
}
#标题{
高度：80px；
显示器：flex；
对齐项目：居中；
背景色：#000000；
}
#人头集装箱{
保证金：0自动；
}
#头饰{
颜色：#97d700；
}
#菜单容器{
显示：内联块；
光标：指针；
右边距：10px；
}
@介质（最小宽度：300px）{
#菜单容器{
左边距：20px；
}
}
@介质（最大宽度：299px）{
#菜单容器{
左边距：5px；
}
}
梅纽康巴先生{
宽度：35px；
高度：5px；
保证金：6px 0 6px 0；
过渡：0.4s；
背景色：#97d700；
}

---

一种解决方案是将按钮宽度设置为0，并在按钮上显示溢出：可见：

正文{
保证金：0；
背景：黑色；
}
.链接{
文字装饰：无；
}
#标题{
高度：80px；
显示器：flex；
对齐项目：居中；
背景色：#000000；
}
#人头集装箱{
保证金：0自动；
}
#头饰{
颜色：#97d700；
}
#菜单容器{
显示：内联块；
光标：指针；
宽度：0；
溢出：可见；
}
@介质（最小宽度：300px）{
#菜单容器{
左边距：20px；
右边距：-20px；
}
}
@介质（最大宽度：299px）{
#菜单容器{
左边距：5px；
}
}
梅纽康巴先生{
宽度：35px；
高度：5px；
保证金：6px 0 6px 0；
过渡：0.4s；
背景色：#97d700；
}

如果你想

你可以试试这个对不起，我想要一个50%的左边距，我想你可以在菜单图标上使用'position:fixed'，比如：this is rightway@lalitbhakuni使用

position:fixed出席会议

它将被固定在滚动条上，或者它的

position:absolute

使用position absolute似乎是解决问题的方法go@StormRage我还添加了第三种解决方案；）是的，我看到了，但是添加了一个伪元素来推动这个项目，这对我来说似乎有点黑客行为，使用绝对元素对我来说看起来更干净。但是，就一般知识而言，理解flex如何在其子级之间分配空间是很好的。@Stormarge是的，当然，但我认为在这种情况下，空间不会有多大帮助（除非我考虑第三个解决方案，并使用Flex：1，例如标题）。但是，既然他正在玩Falm：Auto:我想他知道Flex如何处理空格了；