CSS导航条水平居中

大家看一下~~做的页面的导航，但是导航ul总是按照左边对齐，我想要的是居中。。。不知道哪里写错了~~求助。。代码：<!DOCTYPEhtmlPUBLIC"-//W3C//... 大家看一下~~做的页面的导航，但是导航ul总是按照左边对齐，我想要的是居中。。。不知道哪里写错了~~求助。。

代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">

</style>
</head>
<body>
<div id="nav">
<ul>
<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>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
<li><a href="#">网站首页</a></li>
</ul>
</div>
</body>
</html> 展开

 我来答

5个回答

#热议# 普通体检能查出癌症吗？

小西
2015-09-26 · 运营

小西
运营

采纳数：218 获赞数：3887

百度知道热心用户

向TA提问私信TA

关注

展开全部

　　1.需要两个小小的图片，分别用来填充背景与分隔条。

　　2.编写html代码，用ul、li列表。下面是原代码：（包含效果图）

　　3.然后开始CSS部分。首先：加背景；其次：将竖直列表变成水平，用float:left就可以实现。相应的CSS代码如下（附效果图）：

　　4.最后美化一下，给a标签左右2em的间距，同时加上竖线背景（mainNavBorder.jpg）,并弄上:hover时的变化（这里只是让颜色变化）在上面的CSS基础上，添加如下代码：

已赞过 已踩过<

评论收起

翠云峰—小闲288d
2010-10-21 · 超过15用户采纳过TA的回答

知道答主

回答量：60

采纳率：0%

帮助的人：46.3万

我也去答题访问个人页

关注

展开全部

ul 没有宽度就默认为100%所以剧中了也看不出来，设个宽度就行了，

已赞过 已踩过<

评论收起

na...d@163.com
2010-10-21 · TA获得超过377个赞

知道答主

回答量：238

采纳率：0%

帮助的人：270万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
<!--
body {text-align:center;font: normal 12px Arial,sans-serif;}
#nav{background:url(../images/nav.gif) #0099CC left top repeat-x;height:41px;width:1004px;margin:0px auto; text-align:center;}
#nav ul{margin:0px auto;padding:0px; list-style:none;}
#nav ul li{display:inline;zoom:1;line-height:41px;}
#nav ul li a{display:inline-block;background:url(../images/navline.gif) no-repeat left center; text-decoration:none;color:#FFFFFF;padding:0px 23px;font-size:14px;font-weight:bold;}
#nav ul first a{background:none;}
-->
</style>
</head>
<body>
<div id="nav">
  <ul>
   <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>
   <li><a href="#">网站首页</a></li>
   <li><a href="#">网站首页</a></li>
   <li><a href="#">网站首页</a></li>
   <li><a href="#">网站首页</a></li>
  </ul>
 </div>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

双六说影视
2010-10-21 · TA获得超过131个赞

知道答主

回答量：300

采纳率：0%

帮助的人：66万

我也去答题访问个人页

关注

展开全部

修改的css样式
<style type="text/css">

</style>

已赞过 已踩过<

评论收起

duanye555
2010-10-21 · TA获得超过285个赞

知道小有建树答主

回答量：263

采纳率：0%

帮助的人：171万

我也去答题访问个人页

关注

展开全部

#nav ul{margin:0px auto;padding:0px; list-style:none; width:1000px;}
在你的代码基础上给UL个宽度

已赞过 已踩过<

评论收起

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

CSS导航条水平居中

其他类似问题

为你推荐：