css中ul块的居中问题
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>navigationbarcssexampl...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>navigation bar css example</title>
<style>
body,ul,li{margin:0px auto;margin:0px;padding:0px;}
#nav{width:960px;height:35px;background:#ccc;margin:0px auto;margin-top:20px;}
ul{margin:0px auto;}
li{float:left;background:red;text-align:center;}
li,a{list-style:none;text-decoration:none;line-height:35px;}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="">css学习</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>
这个代码中给ul块设置了margin:0px auto为什么无法实现这个块的居中??????? 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<title>navigation bar css example</title>
<style>
body,ul,li{margin:0px auto;margin:0px;padding:0px;}
#nav{width:960px;height:35px;background:#ccc;margin:0px auto;margin-top:20px;}
ul{margin:0px auto;}
li{float:left;background:red;text-align:center;}
li,a{list-style:none;text-decoration:none;line-height:35px;}
</style>
</head>
<body>
<div id="nav">
<ul>
<li><a href="">css学习</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>
这个代码中给ul块设置了margin:0px auto为什么无法实现这个块的居中??????? 展开
6个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询