小编Ogn*_*jen的帖子

我可以从中心填充网格容器吗?

有没有办法从中心填充网格?

我有一个 CSS 网格容器,它具有动态内容(它会更新,因此子项数量不固定),如下所示:

#container { 
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
Run Code Online (Sandbox Code Playgroud)

如果我填满了所有 4 列,它将如下所示:

1 2 3 4 //Numbers that represent containers children
Run Code Online (Sandbox Code Playgroud)

这对我来说没问题,但是当我的主容器中只有两个 div 时就会出现问题,然后它看起来像这样:

1 2 0 0
Run Code Online (Sandbox Code Playgroud)

我想实现的是:

0 1 2 0
Run Code Online (Sandbox Code Playgroud)

html css css-grid

3
推荐指数
1
解决办法
89
查看次数

标签 统计

css ×1

css-grid ×1

html ×1