<分区>
我希望这将是一个简单的，我已经查看了其他提交的内容，但它们不是我想要的或太复杂，我有学习困难，所以我已经完成了自己的简单代码。
我有 .wrapper 是 4 列和 grid-auto-rows: 250px;，如果我用 4 填充 .wrapper DIV 然后第一行已满，现在如果我添加第 5 行，这行将进入新行，但是，它位于第一列的左侧，无论如何我可以让 DIV 出现在该行的中心？
最后我制作了一个单独的 .wrapper，包含 1 列。
.wrapper {
border: 1px solid black;
padding: 10px;
max-width: 700px;
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 200px;
}
.box {
padding: 5px;
border: 1px solid blue;
}<div class="wrapper">
<div class="box">Box</div>
<div class="box">Box</div>
<div class="box">Box</div>
<div class="box">Box</div>
<div class="box">Box</div>
</div>