居中案例

  <div class="container">
    <div class="item">
      <div class="img-bg">
      <img src="https://assets.2dfire.com/frontend/f60ebff21e88a872d2bce1a2474da50b.png"/>
      </div>
      <span>陈奕迅</span>
    </div>
    <div class="item">
      <div class="img-bg">
      <img src="https://assets.2dfire.com/frontend/8863c35884f76794f02bb5d61d3516bb.png"/>
      </div>
      <span>范冰冰</span>
    </div>
    <div class="item">
      <div class="img-bg">
      <img src="https://assets.2dfire.com/frontend/0f5ccf751f60c61f5f3a224b014cda9a.png"/>
      </div>
      <span>克勤</span>
    </div>
    <div class="item">
        <div class="img-bg">
        <img src="https://assets.2dfire.com/frontend/0f5ccf751f60c61f5f3a224b014cda9a.png"/>
        </div>
        <span>克勤</span>
      </div>
      <div class="item">
          <div class="img-bg">
          <img src="https://assets.2dfire.com/frontend/0f5ccf751f60c61f5f3a224b014cda9a.png"/>
          </div>
          <span>克勤</span>
        </div>
  </div>

.container{
  min-height: 100px;
  background-color: antiquewhite;
  width:350px;
  margin:0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap
  }
  .img-bg{
    background-color: #f9f2eb;
    border-radius:50px;
    width:50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .item{
    text-align: center
  }

  .item img{
    width:30px;
    height: 30px;
    display:block;
    margin-bottom:5px;
  }