我有一个很长的菜单，我不想折叠，但我想在我赚很少的时候继续下一行

Question

抱歉我遇到这种情况：

我有一个很长的菜单，但我不想崩溃，我想继续下一行 它正在这样做，但结果很糟糕

这是CSS

.navigation li, {
    display: inline;
    margin-top: 5px;
}

.navigation a:link {
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    padding: 4px;
    color: #ffffff;
    border: 2px solid #2304d1;
    font-size: 30px;
    text-decoration: none;
}

这就是结果

这太可怕了......我希望第二条线与第一条线有距离并且不重叠。

我已将保证金置于顶部，但什么也没有发生....

Answer 1

您可以尝试引导导航栏，它可能会解决您的菜单项问题。你可以参考w3 school的bootstrap navbar。