Html 如何使导航项目在导航中居中？

我不明白为什么我的移动导航项目（绿色框）没有居中

我已经试着注释掉所有其他的代码，但我仍然看到了代码块。看起来问题的核心是

ul

和

单个导航项目之间存在空间，但我不知道它来自哪里

主体标记包装是图像中的黑框


@媒体屏幕和（最大宽度：740px）{
导航{
显示：块；
背景色：红色；
}
保险商实验室{
显示器：flex；
弯曲方向：立柱；
边框：实心；
边框颜色：蓝色；
}
.单个导航项目{
边框：实心；
边框颜色：草绿色；
文字装饰：无；
颜色：黑色；
}



以下CSS是否显示了您试图实现的目标


@媒体屏幕和（最大宽度：740px）{
导航{
显示：块；
背景色：红色；
}
保险商实验室{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
保证金：0；
填充：0；
对齐项目：居中；
边框：实心；
边框颜色：蓝色；
}
.单个导航项目{
边框：实心；
边框颜色：草绿色；
文字装饰：无；
颜色：黑色；
宽度：100%；
}
以下CSS是否显示了您试图实现的目标


@媒体屏幕和（最大宽度：740px）{
导航{
显示：块；
背景色：红色；
}
保险商实验室{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
保证金：0；
填充：0；
对齐项目：居中；
边框：实心；
边框颜色：蓝色；
}
.单个导航项目{
边框：实心；
边框颜色：草绿色；
文字装饰：无；
颜色：黑色；
宽度：100%；
}
居中是什么意思？水平居中还是垂直居中？@Terry谢谢，我希望绿色框在蓝色框内垂直居中。蓝色框拉伸到绿色框的高度，因此居中…？这是因为所有
ul
元素默认都有某种边距或填充。您需要将它们设置为0。您可以通过在浏览器开发工具中检查元素来轻松找到这一点。此外，由于您没有
元素的特定高度，因此它的高度会自动调整为其内容高度。这是您需要覆盖的浏览器默认样式：也是CSS重置有用的原因。居中是什么意思？HorI水平居中还是垂直居中？@Terry谢谢，我希望绿色框在蓝色框内垂直居中。蓝色框被拉伸到绿色框的高度，所以它居中…？这是因为默认情况下所有
ul
元素都有某种边距或填充。您需要将它们设置为0。您可以很容易地找到它通过检查浏览器开发工具中的元素，它将被删除。此外，由于您没有
元素的特定高度，因此它的高度将自动调整为其内容高度。这是您需要覆盖的浏览器默认样式：这也是CSS重置有用的原因。是的，这确实有效，问题特别是剩余的填充40，所以滚出来，正如你所建议的那样有效。谢谢！是的，这确实有效，问题特别是剩下40个填充，所以调零，正如你所建议的那样有效。谢谢！