想把水平菜单设置居中，该怎么写样式？
如题如题如题
4 回答
<body> <ul class="nav"> <li><a href="#">首 页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">售后服务</a></li> <li><a href="#">联系我们</a></li> </ul> </body>
两种方法，定宽：
<style type="text/css">
*{margin:0 ; padding:0; font-size:14px;}
a{color:#333;text-decoration:none}
ul.nav {
list-style: none;
width: 500px;
margin: 0 auto;
}
.nav li{
float:left;
}
.nav li a{ display:block; text-align:center; height:30px; line-height:30px; width:100px; background-color:#efefef;}
.nav li a:hover{ background-color:#F60; color:#fff}
</style>不定宽：
<style type="text/css">
*{margin:0 ; padding:0; font-size:14px;}
a{color:#333;text-decoration:none}
ul.nav {
list-style: none;
float: left;
position: relative;
left: 50%;
}
.nav li{
float:left;
position: relative;
left: -50%;
}
.nav li a{ display:block; text-align:center; height:30px; line-height:30px; width:100px; background-color:#efefef;}
.nav li a:hover{ background-color:#F60; color:#fff}
</style>还有其他的比如加入 table 标签，太麻烦了，多许多标签。
举报
0/150
提交
取消
