CSS - css网格-列间距仅在内部列上

Question

是否可以使用网格列间隙，但只能在内部列上而不是在最后一列上有间隙？

在这里的示例中，您可以看到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;