【CSS】grid 布局一行自动填充，每行最大限定px

    <div class="model-plat-content">
      <div class="mode-card" v-for="i in 30"></div>
    </div>
1
2
3

  .model-plat-content {
    display: grid;
    // 解释： repeat(auto-fit, minmax(250px, 1fr)) 自动填充，每行最大250px，最小1fr
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
    .mode-card {
      width: 250px;
      height: 250px;
      border-radius: 20px;
      background-color: #252525;
    }
  }
1
2
3
4
5
6
7
8
9
10
11
12