老师帮我看下代码。总感觉效果实现的很奇怪。有更好的方法让右侧导航栏垂直居中么
来源：2-4 编程练习
_TonyStark
2019-06-14 17:32:53
<style type="text/css">
/*此处写代码*/
*{
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}
.nav{
width:1100px;
height:100px;
background-color:black;
position:absolute;
top:50%;
left:50%;
margin-top:-50px;
margin-left:-550px;
}
.logo{
float:left;
padding-left:70px;
}
.list{
float:right;
}
.list-ul{
margin-top:50px;
/*background-color:purple;*/
}
.list-ul li{
display:inline-block;
margin-right:20px;
}
.list-ul a{
color:#fff;
/*background-color:purple;*/
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="nav">
<div class="logo"><a href="#"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"></a></div>
<div class="list">
<ul class="list-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>
</ul>
</div>
</div>
</body>
</html>
1回答
-
同学，你好。单行文本想在容器中居中，可以设置行高和高度相等：
如果帮助到了你，欢迎采纳！
祝学习愉快！
1h019-06-15
相似问题
回答 2
回答 1