Html 使用网格时出现问题-居中文本和使用间隙

我正在学习在网站中使用网格，但有几个问题：

我无法将文本居中放置在网格项中

如果我试图在列之间留出间隙，则只会在最后两列之间插入。

它们是否都是由于相同的错误造成的？我尝试过自动边距和各种对齐和对齐设置，但都没有效果

.wrapper1{
显示：网格；
网格模板列：重复（2，最小值（0，1fr））；
间隙：10px；
网格自动行：最小最大值（20px，自动）；
}
.wrapper 1 a{
颜色：白色；
}
.一{
网格柱：1/2；
网格行：1；
背景色：红色；
}
.二{
网格柱：2/2；
网格行：1；
背景色：红色；
}

---

它工作得很好：尝试下面的代码，做一些基本的补充。基本上，您只有2列由

网格模板列设置：repeat（2，minmax（0，1fr））。只需在网格容器
.wrapper-1
上使用
text align:center
。休息所有的工作如预期

更新：对于使用CSS网格的代码段下面任意数量的大小相等的列：


a{
文字装饰：无；
颜色：#fff；
}
.wrapper 1{
显示：网格；
网格模板列：重复（6,1fr）；
间隙：10px；
}
.wrapper1分区{
背景：红色；
文本对齐：居中；
}

@tacoshy gap是一处地产。请参见不正确的@tacoshy，
网格间隙
被重命名为
间隙
，所有其他
网格-
前缀属性是否
文本对齐：居中
不起作用？@patricaW只有两列，当然间隙只放在两列之间。@tacoshy网格行：1在有间隙的情况下也有效，我试着用codepen，效果很好。我会尝试清除缓存等。我尝试了你的建议，有6列，但它不工作。前3列不显示，第5列和第6列之间存在间隙。我将提出一个新问题。让我检查：）您可能必须使用网格模板列：重复（6，minmax（fit-content，1fr））；谢谢你的检查。这导致了一个红色的行中有空列1-4，gap，col 5，gap，col 6。我已经将代码上传到JSFIDLE：