body
{
margin:0
auto
text-align:center
}
2、再设置1个BOX让他居中,包裹即可
如:.box{margin:0
auto
width:100%}
3、包裹此导航条所有代码
<div
class="box">导航条所有代码</div>
完成居中
文字居中用到css2.0中的text-align属性;text-align属性是针对文字的对齐方式;
其中值包括:left(向左对齐) center(居中) right(右对齐) justify(两端对齐) inherit(默认对齐方式)
在这里我们将用到:text-align:center属性
你的代码太长了,没看完,但是教你一种方法,可以让你的导航条全屏并居中,
css定义:
.nav{
width:100%
height:35px
}
.nav1{
width:980px
height:35px
margin: 0 auto
}
div部份:
<div class="nav">
<div class="nav1"></div>
</div>