Css 将网格中最后一行的剩余项居中（1fr 1fr）

这是我挣扎了一段时间的事情，但我似乎找不到一个方法来做到这一点

如果网格中的项目数为奇数，并且希望每行（1fr 1fr）有2个项目，则最后一行中只有一个项目位于左中心。 我只是想让它居中，这样看起来更好

---

您可以尝试以下方法：

/*可见性属性*/
身体{
宽度：60%；
利润率：5%自动；
}
div{
利润率：3%；
宽度：100px；
高度：100px；
背景色：黑色；
自我辩护：中心；
}
分区：第n个类型（2n）{
背景色：红色；
}
/*实际代码：*/
部分{
显示：网格；
网格模板柱：1fr 1fr；
}
#最后一课{
格构柱：1/2跨；
}

---

您可以尝试类似的方法，因为我在以前的一个项目中遇到了类似的问题

grid-template-columns : repeat(auto-fit, minmax(<minSize>, 1fr));

网格模板列：重复（自动拟合，最小值（，1fr））；

---

将minSize设置为您希望元素占据的最小宽度。

请在此处发布您的代码，并尝试创建一个我制作的代码笔作为示例，我从网格中取出一个div，以获得我想要的布局（以便能够向您展示），如果我希望网格中包含所有项目。根据您的代码更新我的答案谢谢，一开始它不起作用，但我在用一堆不同的元素进行实验，我知道我做了什么，但我让它起作用了，所以。。。我不想再碰那个部分了：）谢谢！