css简单问题,如何将中间LOGO部分和导航内容在NAV中居中对齐？
CSS:ul{list-style:none;}body{background-color:rgb(46,46,46);margin:0px;padding:0px;}n...
CSS:ul{ list-style:none; }body{ background-color:rgb(46,46,46); margin:0px; padding:0px;}nav{width:100%; height:64px;}nav ul{height:64px; margin:0px; padding:0px; background:#FFF;}nav ul li{ float:left; }nav ul li a{text-decoration:none; text-align:center; background:#CCC; display:block; padding:0 10px; line-height:64px;}img{width:181; height:64px; float:left; }HTML:<body><nav><img src="images/lo.png"/><ul><li><a href="#">申请时间</a></li><li><a href="#">维护时间</a></li><li><a href="#">一键联系技术</a></li></ul></nav></body></html>：将nav 是100%的宽度，如给UL设置宽度使用margin-left也不行，真是不懂得了-_-!,格纹大神帮帮我这个菜鸟好不？
展开
1个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{ background-color:rgb(46,46,46); margin:0px; padding:0px;}
nav{width:100%; height:64px;position: relative; background-color: #FFF}
nav ul{position:absolute;left:50%;height:64px;padding-left: 181px;
margin:0px; background: url('images/lo.png') left center
no-repeat;background-size:181px 64px;transform: translateX(-50%);}
nav ul li{ float:left; }
nav ul li a{text-decoration:none; text-align:center; background:#CCC; display:block; padding:0 10px; line-height:64px;}
</style>
</head>
<body>
<body>
<nav>
<ul>
<li><a href="#">申请时间</a></li>
<li><a href="#">维护时间</a></li>
<li><a href="#">一键联系技术</a></li>
</ul>
</nav>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
