水平居中而不影響兒童

Question

我在我的website上遇到了一個問題，我試圖居中菜單。 我通常會添加一個display：inline-block，但在這種情況下不起作用，因爲它會破壞下拉列表的佈局。 我還可以在不損壞下拉的情況下對其進行居中處理？

Answer 1

一個可行的辦法是給你的資產淨值<ul>的寬度，然後margin左，右auto

CSS：

#nav_custom { 
    //your current styles 
    width: 430px; // could be 40% also 
    margin: 0 auto; 
} 

編輯我注意到下拉同樣的問題太多。在這種情況下，你將不得不玩一些CSS遊戲來讓它按照你想要的方式工作。

CSS：

.level1 { 
    width:100%; 
    position: absolute; 
    left: 0px; 
} 

.navbar-nav { 
    // position: relative; <- remove this entry 
} 

.container { 
    position: relative; 
} 

我們正在做最後的相對父div容器，這是導航欄的整個寬度。這讓我們將width的下拉菜單設置爲100%，並將其放置在左側。