在CSS样式中如何使导航文本居中？
#nav{
width:100%;
height:35px;
background:url(images/nav_bg.jpg) repeat-x;
position:absolute;
bottom:0;
text-align: center;
}
#nav ul{padding:0 15px;}
#nav li{
float:right;
line-height:35px;
background:url(images/nav_li_bg.jpg) no-repeat;
text-align: center;
position: relative;
}
#nav .first{background-position:-2px;}
#nav li a{
display:block;
padding:0 22px 0 25px;
font-size:14px;
font-weight:bold;
color:#FFF;
background:url(images/nav_bg.jpg) no-repeat 2px;
text-align: center;
}
#nav li a:hover{background:url(images/nav_a_bg.jpg) no-repeat right;color:#2874c2;}
你的意思就是说要让nav这个层，在网页中是居中的对吧，我看了一个你这里nav用了绝对定位，如果你还想让其居中的话，我建议可以在它的外层在加一个div，这个div来控制居中，用margin：auto就可以了，但此时的nav就是相对于你新加的div而绝对定位了。所以要搞清楚这些个关系就好办了。希望你能明白我的意思。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2012-09-27
#box {
position:relative;
margin-left:auto;
margin-right:auto;
}
页面里添加
<div id="box">
<div id="nav">
内容部分
</div>
</div>
position:relative;
margin-left:auto;
margin-right:auto;
}
页面里添加
<div id="box">
<div id="nav">
内容部分
</div>
</div>
第2个回答 2012-09-27
给<body>一个属性margin:0 auto;
先将网页总框架居中。不知是这意思不？
先将网页总框架居中。不知是这意思不？
第3个回答 2012-09-26
这不是已经居中了吗？
相似回答