如何让css设计的导航栏居中显示

html-css01239

如何让css设计的导航栏居中显示,第1张

1、首先设置

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>