开发者学堂课程【移动 Web 前端开发：合作伙伴 】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/594/detail/8476
合作伙伴
<!--合作伙伴-->
<footer class="wjs_partner">
<div class="container">
<h3 class="text-center">合作伙伴 </h3>
<ul>
<li><a href="#"><span class="wjs _icon wjs_icon_partner01”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner02”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner03”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner04”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner05”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner06”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner07”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner08”></span></a></li>
<li><a href="#"><span class="wjs _icon wjs_icon_partner09”></span></a></li>
</ul>
</footer>
给合作伙伴设置相应的间距
/*合作伙伴*/
.wjs_partner{
padding: 30px 0;
}
.wjs_partner ul{
list-style: none;
text-align:center;
padding: 0;
}
.wjs_partner ul li{
display: inline-block;
}
.wjs_partner ul li a{
display: block;
margin: 0 15px;
}
.wjs_partner ul li a:hover{
color: #e92322;
}
.wjs_partner ul li a span{
font-size: 60px;
}
若要调整图标一样大，可自行挨个调整即可。
