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个回答
展开全部
body,ul,li{
margin:0 auto;
margin:0;/*上面一句拿来何用?*/
padding:0;
}
margin:0 auto;居中的方法用在firefox下面，在ie下是无效的。
ie下要让ul的父元素文本居中对齐后ul才能居中：即#nav{}里面加上text-align:center;
margin:0 auto;
margin:0;/*上面一句拿来何用?*/
padding:0;
}
margin:0 auto;居中的方法用在firefox下面，在ie下是无效的。
ie下要让ul的父元素文本居中对齐后ul才能居中：即#nav{}里面加上text-align:center;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给ul加上width应该可以。。比如 ul {margin:0px auto;width:200px}，width你可以自己调试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
UL没有设置宽度，你用margin:0 autl是没有用的，，因为它默认了100%
给它一个宽度，实际宽度或者width:auto都可以。
给它一个宽度，实际宽度或者width:auto都可以。
追问
我设置了auto不起作用啊，设置了一个宽度倒是起作用但还是红色部分没有对齐，你能试试吗？
还有你说“腻味它默认了100%”意思是ul的宽度是父容器nav的100%吗?
这种效果外加文字在红色部分也平均分布，代码该怎样写？
追答
100%这个说得有点错了，，它默认应该是AUTO，，随内容而变，，
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在你现有代码上进行最小限度修改，给ul加个固定宽度，给li加个固定宽度，li 的宽度值为ul宽度值除于li的个数
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
对齐方式选择居中试试！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
