CSS中，可以使用column-gap屬性來設(shè)置每列的間距大小，該屬性接受一個(gè)長(zhǎng)度值，用于定義列之間的間隔寬度，以下是一些示例代碼，展示如何使用column-gap屬性來設(shè)置列間距：

示例1：設(shè)置等寬列

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}

示例2：設(shè)置不等寬列

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 20px 50px;
}

示例3：設(shè)置列間距為百分比

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 20%;
}

示例4：設(shè)置列間距為em單位

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 2em;
}

示例5：設(shè)置列間距為rem單位

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 2rem;
}

示例6：設(shè)置列間距為vw單位

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 2vw;
}

示例7：設(shè)置列間距為vh單位

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 2vh;
}

示例8：設(shè)置列間距為vmin單位

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 2vmin;
}

示例9：設(shè)置列間距為vmax單位

.container {
  display: flex;
  justify-content: space-between;
  column-gap: 2vmax;
}