外面的盒子设置代码
.mid-nav-inner{
width: 1360px;
height: 40px;
background-color: #fff;
margin: 0 auto;
line-height: 40px;
}
li的设置代码
.mid-nav-inner>ul>li{
line-height: 40px;
text-align: center;
float: left;
}
a标签的代码
.mid-nav-inner>ul>li>a{
color: #000;
font-weight: bold;
padding-left: 20px;
padding-right: 40px;
line-height: 1em;
text-align: center;
display: inline-block;
}
显示效果如图
重点:要设置一样的高度和行高,a要设置成行内块元素。