水平居中而不影响儿童

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%，并将其放置在左侧。