如何居中超级鱼菜单

Question

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

是否可以更改菜单项的中心位置？ 我找到了一些教程，但菜单始终都留着。

Answer 1

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