flex+margin(列表布局）

    .item {
      --n: 8;
      background-color: red;
      width: 50px;
      height: 50px;
      margin: 10px calc((100% - var(--n)*50px)/var(--n)/2);
    }

    #container {
      width: 600px;
      height: 600px;
      border: 1px solid #000;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
    }