高级justify-content: space-between;
法
直接使用list的before和after伪元素参与布局
<ul class="share-list">
<li class="share-item"></li>
<li class="share-item"></li>
<li class="share-item"></li>
</ul>
.share-list{
display: flex;
justify-content: space-between;
}
.share-list:before,
.share-list:after{
content: "";
}
.share-item{
width: 60px;
height: 60px;
}