CSS grid属性的使用

实现一个四列布局 每行的行间距5px

 <div
    style="
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      row-gap: 5px;
    "
  >
    <NCheckbox
      :class="{ 'mr-3': lang == 'cn' }"
      v-for="(item, index) in weekDays"
      :key="index"
      :label="item.label"
      :checked="item.val ? true : false"
      @update-checked="
        (checked: any) => {
          item.val = checked ? 1 : 0;
        }
      "
      :value="item.val"
    />
 </div>