flex 布局 换行

flex 布局 换行 两个一行

//html
 <div class="home-page-content">
      <div class="list-1"></div>
      <div class="list-1"></div>
      <div class="list-1"></div>
      <div class="list-1"></div>
      <div class="list-1"></div>
      <div class="list-1"></div>
    </div>

// css
.home-page-content{
    width: 610rpx;
    margin: 46rpx auto 0rpx;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    .list-1{
      flex-shrink: 0;
      width: 289rpx;
      height: 288rpx;
      margin:0rpx 20rpx 32rpx 0rpx;
      background-color: pink;
    }
    .list-1:nth-child(2n){
      margin-right:0rpx;
    }
  }

效果图：

image.png