Html 文本不垂直居中对齐

我在网络上使用了所有选项，但这似乎每次都在欺骗我

u使用flex

垂直线形

我不想添加边距或填充

您可以发表评论以开始讨论

我只是添加了这个bcox，它需要更多的解释：

.topnav{
溢出：隐藏；
背景色：#333；
填充顶部：10px；
垫底：10px；
左侧填充：5px；
边际：0px；
}
.topnav分区{
浮动：左；
显示器：flex；
颜色：#F2F2；
字体大小：15px；
保证金：自动；
文本对齐：居中；
左侧填充：10px；
}
.topnav div:悬停{
背景色：#ddd；
颜色：黑色；
保证金：自动；
位置：相对位置；
垂直对齐：中间对齐；
}
.topnav div.active{
颜色：白色；
显示器：flex；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：20px；
保证金：自动；
}

一些头衔
链接

试试这个

.topnav{
溢出：隐藏；
背景色：#333；
填充顶部：10px；
垫底：10px；
左侧填充：5px；
边际：0px；
}
.topnav分区{
浮动：左；
显示器：flex；
颜色：#F2F2；
字体大小：15px；
保证金：自动；
左侧填充：10px；
高度：90px；
线高：90px；
文本对齐：居中；
}
.topnav div:悬停{
背景色：#ddd；
颜色：黑色；
保证金：自动；
位置：相对位置；
垂直对齐：中间对齐；
}
.topnav div.active{
颜色：白色；
显示器：flex；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：20px；
保证金：自动；
}

一些头衔
链接

只需使用

显示：内联块，垂直对齐：中间并删除浮动：左

.topnav{
溢出：隐藏；
背景色：#333；
填充顶部：10px；
垫底：10px；
左侧填充：5px；
边际：0px；
}
.topnav分区{
显示：内联块；
颜色：#F2F2；
字体大小：15px；
保证金：自动；
文本对齐：居中；
左侧填充：10px；
垂直对齐：中间对齐；
}
.topnav div:悬停{
背景色：#ddd；
颜色：黑色；
保证金：自动；
位置：相对位置；
垂直对齐：中间对齐；
}
.topnav div.active{
颜色：白色；
显示：内联块；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：20px；
保证金：自动；
}

一些头衔
链接

将样式添加到类：.topnav{display:flex；justify content:left；align items:center；}.topnav div remove margin:auto；和.topnav div.active删除页边距：自动；这将使您对齐中心。