CSS实现多列均匀布局

效果：

实现：

• 方法一：

html：

css：

.main{
  text-align:justify;
  text-align-last:justify;
}
.box{
  width:50px;
  height:50px;
  background:tomato;
  border-radius:50%;
  display:inline-block;
}

• 方法二（兼容性好）：

html：

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;
}