如何集中超级鱼菜单

时间:2016-10-04 10:32:26

标签: superfish

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

改变主题菜单项的中心?我找到了一些教程,但菜单总是留下。

1 个答案:

答案 0 :(得分:0)

您可以使用文本中心,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;
}