如何在导航栏字体居中

Question

		<div class="nav">
			<ul class="one">
				<li class="a">首页</li>
				<li class="a">关于我们</li>
				<li class="a">产品服务</li>
				<li class="a">冠为优势</li>
				<li class="a">联系我们</li>
			</ul>
		</div>
		
	</div>
</body>

*{
margin: 0;
padding: 0;
font-size: 16px;
font-family: “微软雅黑”;
}

.header{
width: 100%;
height: 100px;
background: black;
top: 0;
position: fixed;
z-index: 999;
}
.header .logo{

float: left;

}
.header .logo img{
padding-left: 50px;
padding-top: 20px;
}

.header .nav{
float: right;

}

.header .nav .one{
padding: 100px;
}

.header .nav .one .a{
list-style: none;
}

Answer 1

Kevin酱 2018-11-02 15:33:49

• 如果是侧边栏导航：那么你需要为nav 设置一个min-width

• 如果是顶部横向导航：那么你需要为li设置display:inline-block 设置一个min-width

建议:

• class命名要改

• css嵌套不要超过3层哦

• 慕Joan #1

  嗯，描述的详细

• 慕Joan #2

  嗯，写的还可以啊