Html Can'；t导航栏中的“对齐”按钮

我试着创建一个简单的导航栏，上面有一个按钮，但似乎我不能完全对齐按钮。 代码如下所示

*{
保证金：0；
填充：0；
}
.导航{
宽度：100%；
高度：60px；
背景#393e46；
}
.导航标志{
浮动：左；
宽度：100px；
高度：60px；
线高：60px；
文本对齐：居中；
颜色：橙色；
字体大小：xx大号；
}
.nav.butn{
浮动：对；
宽度：150px；
高度：40px；
背景：米色；
线高：60px；
}
a{
颜色：橙色；
字号：x大号；
}

你好

刚刚将

边距：10px 0

添加到

.nav.butn

中，因此剩余的空间用作边距

*{
保证金：0；
填充：0；
}
.导航{
宽度：100%；
高度：60px；
背景#393e46；
}
.导航标志{
浮动：左；
宽度：100px；
高度：60px；
线高：60px；
文本对齐：居中；
颜色：橙色；
字体大小：xx大号；
}
.nav.butn{
浮动：对；
宽度：150px；
高度：40px；
背景：米色；
线高：60px；
利润率：10px0；
}
a{
颜色：橙色；
字号：x大号；
}

你好

刚刚将

边距：10px 0

添加到

.nav.butn

中，因此剩余的空间用作边距

*{
保证金：0；
填充：0；
}
.导航{
宽度：100%；
高度：60px；
背景#393e46；
}
.导航标志{
浮动：左；
宽度：100px；
高度：60px；
线高：60px；
文本对齐：居中；
颜色：橙色；
字体大小：xx大号；
}
.nav.butn{
浮动：对；
宽度：150px；
高度：40px；
背景：米色；
线高：60px；
利润率：10px0；
}
a{
颜色：橙色；
字号：x大号；
}

你好

这是你的答案。不要在每个元素上使用高度，在按钮和徽标上使用float属性，而要使用flex属性

*{
保证金：0；
填充：0；
}
.导航{
宽度：100%；
高度：60px；
背景#393e46；
显示器：flex；
对齐项目：居中；
}
.导航标志{
文本对齐：居中；
颜色：橙色；
字体大小：xx大号；
}
.nav.butn{
背景：米色；
保证金：自动；
}
a{
颜色：橙色；
字号：x大号；
}

你好

这是你的答案。不要在每个元素上使用高度，在按钮和徽标上使用float属性，而要使用flex属性

*{
保证金：0；
填充：0；
}
.导航{
宽度：100%；
高度：60px；
背景#393e46；
显示器：flex；
对齐项目：居中；
}
.导航标志{
文本对齐：居中；
颜色：橙色；
字体大小：xx大号；
}
.nav.butn{
背景：米色；
保证金：自动；
}
a{
颜色：橙色；
字号：x大号；
}

你好

你想如何对齐按钮？@NicoShultz我想把它放在导航栏的中心，顶部和底部有空格。你想如何对齐按钮？@NicoShultz我想把它放在导航栏的中心，顶部和底部有空格。谢谢你，我已经被困了好几个小时了。事情很简单，没想过没问题，很高兴我能帮上忙！：）谢谢你，兄弟，我已经被困了好几个小时了。事情很简单，没想过没问题，很高兴我能帮上忙！：）