CSS - 仅在内列上的css grid-column-gap [重复]

Question

是否可以使用 grid-column-gap 但只有内列有间隙而不是最后一列

在这里的示例中，您可以看到间隙在最后一列，但我不想在最后一列出现间隙

  
@media (min-width: 400px) {
    .wrapper{ 
      border: 2px solid blue;
      padding: 5px;
      max-width: 500px;
      display: grid;
      grid-template-columns: 70% 30%;
      margin: 0 auto;
      grid-column-gap: 50px
  }
}

.block{
  height: 100px;
}

.block-1{
  background: red;
}

.block-2{
  background: green;
}

<div class='wrapper'>
  <div class='block block-1'></div>
  <div class='block block-2'></div>
</div>

Answer 1

我认为您的问题不在于最后一列的空白。 我认为您应该将 .wrapper 更改为：

grid-template-columns: 7fr 3fr;