Question

CSS代码怎么居中

CSS代码
.nav {
background: url(../images/nav_bg.jpg) repeat-x left top;
}
.nav .nav_global {
}
.nav .nav_global ul {
padding: 0 10px;
}
.nav .nav_global li {
cursor:pointer;
float:left;
text-align:center;
text-decoration:none;
font-size: 14px;
line-height: 33px;
font-weight: bold;
color: #FFF;
background: url(../images/nav_line.jpg) no-repeat right top;
padding-right: 2px;
}
.nav .nav_global li a {
display: block;
color: #fff;
text-align: center;
padding: 0 14px;
}
.nav .nav_global li a:hover {
color: #000!important;
text-decoration: none;
}
.nav .nav_global li.curr a {
color: #000;
background: url(../images/nav_li_hover.jpg) repeat-x center top;
}
.nav_sub {
padding: 6px;
}
.nav_sub a {
padding: 0 2px;
}
/* 子栏目导航菜单距离调整 */
#tabnav_div_1 {
}
#tabnav_div_2 {
padding-left: 100px;
}
#tabnav_div_3 {
padding-left: 200px;
}
#tabnav_div_4 {
padding-left: 300px;
}
#tabnav_div_5 {
padding-left: 400px;
}
#tabnav_div_6 {
padding-left: 500px;
}
#tabnav_div_7 {
padding-left: 600px;
}
#tabnav_div_8 {
padding-right: 40px;
text-align: right;
}

/* 子栏目导航菜单距离调整 */
#nhws{
width:940;
}
#tabnav_div_1 {

}
#tabnav_div_2 {
padding-left: 100px;
}
#tabnav_div_3 {
padding-left: 200px;
}
#tabnav_div_4 {
padding-left: 300px;
}
#tabnav_div_5 {
padding-left: 400px;
}
#tabnav_div_6 {
padding-left: 500px;
}
#tabnav_div_7 {
padding-left: 600px;
}
#tabnav_div_8 {
padding-right: 40px;
text-align: right;
}
怎么让导航居中
HTML代码
<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0" class="nav">
<tr>
<td class="nav_global"><ul>
<li class="curr" id="tabnav_btn_0" onmouseover="tabit(this)"><a href="[!--news.url--]">首页</a></li>
[showclasstemp]'0',12,0,0[/showclasstemp] </ul></td>
</tr> </table>

Answer 1

在导航的标签外再套一个div跟最外层的div不关联 宽度自适应，然后居中，文字也居中。

追问

能详细说下吗？

追答

position: relative;
z-index: 2;
width: 980px;
height: 34px;
margin: 0 auto;
text-align: center;
这个div样式，你把菜单包含进去，在这个div最外层再套一个div 样式 宽度为100% 其他你自己应该会调 不懂再问