如何通過CSS居中子菜單？

Question

我怎麼可以居中對齊子菜單容器，我試過保證金，左但失敗。

#moz_page .moz_menu_items ul { 
position: absolute; 
top: -9999px; 
display: block; 
width: 220px; 
background-color: #F6D9E8; 
background: rgba(246,217,232,1); 
margin: 0; 
padding: 0; 
list-style: none; 
} 

網站網址：http://bvlaserspa.com/beta/

任何幫助將非常感激。

Answer 1

您可以通過使用其移動到左，左：

試試這個

#moz_page .moz_menu_items ul { 
position: absolute; 
top: -9999px; 
display: block; 
width: 220px; 
background-color: #F6D9E8; 
background: rgba(246,217,232,1); 
margin: 0; 
padding: 0; 
list-style: none; 

left: -50px; // you can adjust it for your purpose 
} 

希望它能幫助。

Answer 2

nav#menu { 
 
background-color: #FFFF00; 
 
border-width: 0px 0px 2px 0px; 
 
height: 35px; 
 
} 
 

 
#menu_inner_in { 
 
width: 100%; 
 
height: 46px; 
 
text-align: center; 
 
position: relative; 
 
margin: 0 auto; 
 
} 
 

 
.separator 
 
{ 
 
border-style: solid; border-width: 0px 27px 17px; 
 
-moz-border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 repeat; 
 
-webkit-border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 repeat; 
 
-o-border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 repeat; 
 
border-image: url(http://bvlaserspa.com/beta/wp-content/uploads/2014/12/seperator.png) 0 27 17 fill repeat; 
 
}

<nav id="menu"> 
 
<div id="menu_inner_in"> 
 
<h3 class="menu-toggle">Menu</h3> 
 
<ul> 
 
<li>One</li> 
 
    <hr class="separator"> 
 
<li><a href="#">Two</a></li> 
 
    <hr class="separator"> 
 
<li><a href="#">Three</a></li> 
 
    <hr class="separator"> 
 
<li><a href="#">Et coetera</a></li> 
 
</ul> 
 
</div> 
 
</nav>

Answer 3

的應用CSS時，子菜單是可見的是：

#moz_page .moz_menu_items li:hover ul.child { 
    height: auto; 
    border-radius: 0px 0px 20px 20px; 
    border: 0px solid rgba(255, 255, 255, 0); 
    display: block; 
    font-size: 0px; 
    padding: 0px; 
    z-index: 300; 
    top: 35px; 
    left: 2px; 
} 

您可以通過調整剩餘財產（像素或百分比）轉移菜單，但由於你的主菜單項沒有相同的寬度，我懷疑你會發現一個適合所有子菜單的值。