居中我的CSS菜單

Question

我試過一切，當涉及到在頁面中間我的CSS菜單居中。

你可以看到在www.eyewitnesssurveillance.com的CSS菜單

有人可以幫我在頁面上居中這個菜單？謝謝！

這裏是我使用的CSS代碼：你可以做中心

.top-menu-wrap { 
margin:  40px 0px 0 0px; 
padding: 0; 
z-index: 1; 
position: relative; 
margin: auto; 


} 

.top-menu-center { 
position: center; 
text-align: center; 

} 

.menu-toggle { 
width:40px; 
height:40px; 
text-indent:-99999px; 
cursor:pointer; 
position:absolute; 
opacity:1; 
top:0px; 
right:15px; 
-webkit-transition: all 0.2s ease-in; 
-moz-transition: all 0.2s ease-in; 
transition: all 0.2s ease; 

} 

.menu-toggle:hover { 
opacity:1; 
-webkit-transition: all 0.2s ease-in; 
-moz-transition: all 0.2s ease-in; 
transition: all 0.2s ease; 
} 

.menu-toggle-off { 
background: url(../../images/menu/menu_toggle.png) 0 top;} 

.menu-toggle-on { 
background: url(../../images/menu/menu_toggle.png) 0 bottom;} 

.homemenu { 
font-family: 'Open Sans', sans-serif; 
text-transform: uppercase; 
padding:  0; 
margin:   0; 
height:   85px; 
background: url(../../images/gradients/white_to_fade.png) repeat-y right top; 
overflow:hidden; 


} 

.homemenu a { color:#666; text-decoration:none;} 

.homemenu ul li { 
background:#fff; 
background: rgba(255,255,255,0.7); 
overflow:hidden; 
} 

Answer 1

夫婦的事情。如果你可以使用一個靜態的寬度，你可以這樣做：

.homemenu { width: 960px; margin: 0 auto; } 

你也可以有在你的菜單中的包裝DIV與CSS樣式爲這樣：

.homemenu-wrapper { text-align: center; } 

你可能需要調查的另一種選擇也許可以使用一些漂亮的腳手架/網格，如Twitter Bootstrap中發現的那樣。我鼓勵你看看它或類似的東西，這對定位事物很有幫助。

Answer 2

如果你包含你的html或可以提供任何提琴，它會更有幫助。除此之外，你可以使用這種類型的外部div來設置它。

<div class="main-container"> 
<div class="container"> 
<!-- your menu code--> 
</div> 
</div> 

/*css*/ 
.container{ width:1000px; margin:0 auto;}