如何中心快魚菜單

Question

我發現這個templatedemo：http://sunflower62.pas-solutions.ch/index.php?id=10

GIVS變化居中的菜單項？我找到了一些教程，但菜單還剩下。

Answer 1

你可以使用文本中心，顯示：內嵌塊技巧，並刪除浮動。

.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; 
}