如何居中 superfish 菜单

Question

我找到了这个模板演示：http://sunflower62.pas-solutions.ch/index.php?id=10

更改菜单项居中？找了几个教程，但是菜单一直都没有。

Answer 1

您可以只使用 text-center, display: inline-block 技巧并删除浮动。

.sf-menu {
    text-align: center;
}

.sf-menu li {
    text-align: center;
    display: inline-block;
    float: none;
}

当然，如果您有子菜单项，则需要正确定位它们。

要修复子菜单，您可以使用：

.sf-menu ul {
    text-align: center;
    display: block !important;
    max-width: 12.5rem;
}
.sf-menu ul li{
    width: 100%;
    display: block;
}