css - 当我只有一个 CSS 时的中心框

Question

我正在研究仅基于 divs 的 css，从一段时间 php cicle 获取信息我有以下情况，在网格中显示如下框：

X X X
 X X X
 X (in case if there is 7)

但是，我需要以下列方式将第 7 行居中：

 X X X
 X X X
   X

请注意第 7 个框在中间，如果只有 2 个，应该是：

X X X
 X X X
  X X

我不能让它工作，这是我的CSS：

.block .the-content {
    float: left;
    width: 33.33%;
    margin-top: 62px;
}   

不确定是否有一些特殊的课程。

标签： cssgrid