Html 为什么导航栏导航链接不是';t位于中间,与flexbox属性之间的空间

Html 为什么导航栏导航链接不是';t位于中间,与flexbox属性之间的空间,html,css,Html,Css,我使用flexbox space between属性使导航栏的导航链接位于中心,但它们并不完全位于中心,我认为这是因为登录和注册按钮,当只有注册按钮时,导航链接正好位于中心 导航条码: body, html{ 身高:100%; 保证金:0; 字体系列:“蒙特塞拉特”,无衬线; } * { 框大小:边框框; 保证金:0; 填充:0; } 李,一个按钮{ 字体系列:“蒙特塞拉特”,无衬线; 字号:500; 字体大小:16px; 颜色:#edf0f1; 文字装饰:无; } .标志{ 光标:指针; 字

我使用flexbox space between属性使导航栏的导航链接位于中心,但它们并不完全位于中心,我认为这是因为登录和注册按钮,当只有注册按钮时,导航链接正好位于中心

导航条码:

body,
html{
身高:100%;
保证金:0;
字体系列:“蒙特塞拉特”,无衬线;
}
* {
框大小:边框框;
保证金:0;
填充:0;
}
李,一个按钮{
字体系列:“蒙特塞拉特”,无衬线;
字号:500;
字体大小:16px;
颜色:#edf0f1;
文字装饰:无;
}
.标志{
光标:指针;
字体系列:“蒙特塞拉特”,无衬线;
颜色:黄花;
字体大小:22px;
顺序:1;
}
导航{
顺序:2;
}
.btn_组{
顺序:3;
}
标题{
显示器:flex;
证明内容:之间的空间;
对齐项目:居中;
填充:10px 10%;
背景色:#24252A;
位置:固定;
排名:0;
宽度:100%;
}
.导航链接{
列表样式:无;
显示器:flex;
}
.nav_links li{
显示:内联块;
填充:0px 20px
}
.nav_链接李a{
转换:所有0.3秒到0秒;
}
.导航链接李a:悬停{
颜色:#ddad34;
}
.登录按钮{
填充:9px 25px;
背景色:#24252A;
边框:1px实心;
光标:指针;
转换:所有0.3秒到0秒;
边界半径:50px;
}
.签名按钮{
填充:9px 25px;
背景颜色:黄花;
光标:指针;
转换:所有0.3秒到0秒;
边界:无;
边界半径:50px;
}
按钮:悬停{
背景色:#ddad34;
}

洛杉矶酒店


为每个组件创建一个包含一行和六列的
表,并对每列应用不同的填充,直到得到中间的字段

谢谢,这是个好主意,但不是有一种更简单的方法吗?您可以尝试
左边距
右边距
,但必须少留一些右边的空间作为登录和注册按钮占用更多的空间非常感谢!我用过这个:右边的边距:-125px;在导航风格和它的工作OK很好,如果你能接受答案,关闭它,如果它已经为你服务