对齐子菜单

Question

因此，我在学习更多HTML和CSS响应方面制作了一个小按钮和导航套件。导航是我的弱点，我遇到了第一个问题，我无法理解。

https://jsfiddle.net/ku0wezws/3

如果您滚动到CSS的底部，您将找到subnav implementation，而我想要实现的是当您将鼠标悬停在{{{{}}上时对齐所有内容1}}。您会注意到它刚刚并排排列。我的目标是通常将所有这些放在中心位置。像这样：http://www.w3schools.com/howto/howto_js_dropdown.asp

我真的很蠢吗？我觉得我是。我应该在CSS中调整什么才能实现这一目标？

谢谢。

编辑：

编辑JSFiddle

Answer 1

添加此项以防止该子菜单的li项彼此相邻：

.jkit-subnav li {
      float:none;
}

https://jsfiddle.net/yhkuv138/

Answer 2

只需清除float中的.jkit-nav-inverse ul li ul li。

将以下代码添加到CSS的末尾。

.jkit-nav-inverse ul li ul li{
  clear: both;
}

Updated fiddle