html - CSS不能居中菜单和子菜单第二行中的空白区域

Question

我正在网上商店处理 CSS https://amres.manoverskis.lt/ .并且在菜单栏上玩得很开心。首先，我不能把它集中起来。我遇到的第二个问题是，当您将鼠标悬停在第一个菜单项 (PAVEIKSLAI) 上时，会出现子菜单，并且该菜单中的第一项比第二项更靠左。我似乎找不到它有什么问题。谢谢。

Answer 1

尝试添加:

#hor-menu {
display:flex;
justify-content:center
}

和

#hor-menu>.grid_60 {
display:flex;
justify-content:center
}

让菜单居中

并删除子菜单中的左侧间隙，在 ul 中重置边距:

.fs2 {
margin:0;
}