如何中心對齊此菜單

Question

我工作的一個asp.net項目，但不能中心對齊，我有名單：
Css Horizontal Menu
我試着包裝一個div N，則設置該分區的CSS到文本的對齊：中心但仍保持鏈接到左邊

這是菜單的CSS：

.horizontalcssmenu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
} 

/*Top level list items*/ 
.horizontalcssmenu ul li{ 
position: relative; 
display: inline; 
float: left; 
} 

/*Top level menu link items style*/ 
.horizontalcssmenu ul li a{ 
display: block; 
width: 120px; /*Width of top level menu link items*/ 
padding: 2px 8px; 
border: 1px solid #202020; 
border-left-width: 0; 
text-decoration: none; 
background: url(menubg.gif) center center repeat-x; 
color: black; 
font: bold 13px Tahoma; 
} 

/*Sub level menu*/ 
.horizontalcssmenu ul li ul{ 
left: 0; 
top: 0; 
border-top: 1px solid #202020; 
position: absolute; 
display: block; 
visibility: hidden; 
z-index: 100; 
} 

/*Sub level menu list items*/ 
.horizontalcssmenu ul li ul li{ 
display: inline; 
float: none; 
} 


/* Sub level menu links style */ 
.horizontalcssmenu ul li ul li a{ 
width: 160px; /*width of sub menu levels*/ 
font-weight: normal; 
padding: 2px 5px; 
background: #e3f1bd; 
border-width: 0 1px 1px 1px; 
} 

.horizontalcssmenu ul li a:hover{ 
background: url(menubgover.gif) center center repeat-x; 
} 

.horizontalcssmenu ul li ul li a:hover{ 
background: #cde686; 
} 

.horizontalcssmenu .arrowdiv{ 
position: absolute; 
right: 0; 
background: transparent url(menuarrow.gif) no-repeat center left; 
} 

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top  spacing between the two in IE*/ 
padding-top: 1em; 
} 

/* Holly Hack for IE \*/ 
* html .horizontalcssmenu ul li { float: left; height: 1%; } 
* html .horizontalcssmenu ul li a { height: 1%; } 
/* End */ 

jQuery的使用如下：

var cssmenuids=["cssmenu1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas 
var csssubmenuoffset=-1 //Offset of submenus from main menu. Default is 0 pixels. 

function createcssmenu2(){ 
for (var i=0; i<cssmenuids.length; i++){ 
var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul") 
for (var t=0; t<ultags.length; t++){ 
      ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px" 
    var spanref=document.createElement("span") 
     spanref.className="arrowdiv" 
     spanref.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;" 
     ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref) 
    ultags[t].parentNode.onmouseover=function(){ 
       this.style.zIndex=100 
    this.getElementsByTagName("ul")[0].style.visibility="visible" 
       this.getElementsByTagName("ul")[0].style.zIndex=0 
    } 
    ultags[t].parentNode.onmouseout=function(){ 
       this.style.zIndex=0 
       this.getElementsByTagName("ul")[0].style.visibility="hidden" 
       this.getElementsByTagName("ul")[0].style.zIndex=100 
    } 
} 
} 
} 

if (window.addEventListener) 
window.addEventListener("load", createcssmenu2, false) 
else if (window.attachEvent) 
window.attachEvent("onload", createcssmenu2) 

plz幫助我希望水平列表位於頁面中間。

Answer 1

圍繞菜單包裝一個容器div並設置邊距：0 auto;這應該爲你居中。