Html 如何在导航栏中垂直对齐按钮？

我正在练习创建一个网站，目前正在尝试复制。目前我正在导航栏上工作，但无法在导航中垂直对齐按钮

.header{
背景色：红色；
填充：40px 20px；
}
.标题h1{
背景颜色：黄色；
浮动：左；
}
.标题h1 img{
显示：块；
}
.标题导航{
背景色：浅绿色；
浮动：对；
}
.header_uuunav li{
浮动：左；
高度：38px；
}
.header_uu导航李a{
填充：0 20px；
显示：内联块；
线高：38px；
}
.目录{
背景颜色：绿色；
}
.页脚{
背景颜色：蓝色；
}

菜单

目录
页脚

即使您使用

display:flex

的解决方案在我看来非常好，您也可以使用

垂直对齐：中间和
显示：所有项目上的内联块（两个链接和按钮）
即使您使用
显示：flex的解决方案对我来说非常好，您也可以使用
垂直对齐：中间和
显示：所有项目（两个链接和按钮）上的内联块

.header{
背景色：红色；
填充：40px 20px；
}
.标题h1{
背景颜色：黄色；
浮动：左；
}
.标题h1 img{
显示：块；
}
.标题导航{
背景色：浅绿色；
浮动：对；
}
.header_uuunav li{
浮动：左；
高度：38px；
}
.header_uu导航李a{
填充：0 20px；
显示：内联块；
}
.目录{
背景颜色：绿色；
}
.页脚{
背景颜色：蓝色；
}
.clearfix{
显示器：flex；
对齐项目：居中；
}




菜单

目录
页脚

.header{
背景色：红色；
填充：40px 20px；
}
.标题h1{
背景颜色：黄色；
浮动：左；
}
.标题h1 img{
显示：块；
}
.标题导航{
背景色：浅绿色；
浮动：对；
}
.header_uuunav li{
浮动：左；
高度：38px；
}
.header_uu导航李a{
填充：0 20px；
显示：内联块；
}
.目录{
背景颜色：绿色；
}
.页脚{
背景颜色：蓝色；
}
.clearfix{
显示器：flex；
对齐项目：居中；
}




菜单

目录
页脚
您能解释一下为什么您的解决方案有效吗？@HaramBae yes:display:inline block用于将水平线中的所有元素相互定位，同时保持类似块的行为（设置宽度/高度、边距等），“垂直对齐”用于以某些方式垂直定位元素。如果这对您有效，请将答案标记为正确，让其他人知道。您使用的显示：flex和text align:center能否解释您的解决方案有效的原因？@HaramBae yes:display:inline block用于将所有元素以水平线相互定位，同时保持类似块的行为（设置宽度/高度、边距等）和“垂直对齐”用于以特定方式垂直定位元素。如果这对您有效，请将答案标记为正确，让其他人知道。您使用的显示：柔性和文本对齐：居中