ul居中于div问题
怎么让ul居中于div呢<metahttp-equiv="content-type"content="text/html;charset=utf-8"/><style>b...
怎么让ul居中于div呢
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style> body,div,ul,li{ margin:0; padding:0; } #nav{ width:960px; height:35px; background:#ccc; margin:0 auto;/*水平居中*/ margin-top:30px;/*顶部距边框30px*/ } #nav ul{ height:35px; list-style:none;/*无续列表默认样式无*/ } #nav ul li{ float:left; height:35px; line-height:35px;/*文字垂直居中*/ } a{ font-size:12px; text-decoration:none; display:block; /*display:block将内联元素转化成块状元素*/ height:35px; float:left; padding:0 10px; } a:hover{ color:#fff; background:#000; } </style> </head> <body> <div id="nav"> <ul> <li><a href="http://www.baidu.com">W3Cfuns</a></li> <li><a href="http://www.baidu.com">厘米学院</a></li> <li><a href="http://www.baidu.com">培训课程</a></li> <li><a href="http://www.baidu.com">我要充电</a></li> <li><a href="http://www.baidu.com">前端职业生涯</a></li> <li><a href="http://www.baidu.com">课程答疑</a></li> </ul> </div> 展开
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style> body,div,ul,li{ margin:0; padding:0; } #nav{ width:960px; height:35px; background:#ccc; margin:0 auto;/*水平居中*/ margin-top:30px;/*顶部距边框30px*/ } #nav ul{ height:35px; list-style:none;/*无续列表默认样式无*/ } #nav ul li{ float:left; height:35px; line-height:35px;/*文字垂直居中*/ } a{ font-size:12px; text-decoration:none; display:block; /*display:block将内联元素转化成块状元素*/ height:35px; float:left; padding:0 10px; } a:hover{ color:#fff; background:#000; } </style> </head> <body> <div id="nav"> <ul> <li><a href="http://www.baidu.com">W3Cfuns</a></li> <li><a href="http://www.baidu.com">厘米学院</a></li> <li><a href="http://www.baidu.com">培训课程</a></li> <li><a href="http://www.baidu.com">我要充电</a></li> <li><a href="http://www.baidu.com">前端职业生涯</a></li> <li><a href="http://www.baidu.com">课程答疑</a></li> </ul> </div> 展开
展开全部
在ul的样式表里添加下面两句：
width: 500px;
margin: 0 auto;
常常非绝对定位（fixed和absolute不行）的元素居中都是固定宽度，然后左右margin设为auto，这样来居中一个div
width: 500px;
margin: 0 auto;
常常非绝对定位（fixed和absolute不行）的元素居中都是固定宽度，然后左右margin设为auto，这样来居中一个div
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#nav {
text-align: center;
width: 960px;
height: 35px;
background: #ccc;
margin: 0 auto;
margin-top: 30px;
}
#nav ul {
display: inline-block !important; /* IE7以上支持 */
*display: inline; /* 兼容IE6 */
zoom: 1; /* 兼容IE6 */
height: 35px;
list-style: none;
}在你的css里面对应添加以上的内容即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
