效果：
实现：
- 方法一：
html：
<div class="main">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
css：
.main{
text-align:justify;
text-align-last:justify;
}
.box{
width:50px;
height:50px;
background:tomato;
border-radius:50%;
display:inline-block;
}
- 方法二（兼容性好）：
html：
<div class="main">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
css：
.main{
text-align:justify;
}
.main::after{
content:'';
display:inline-block;
width:100%;
}
.box{
width:50px;
height:50px;
background:tomato;
border-radius:50%;
display:inline-block;
}
