有没有办法从中心填充网格?
我有一个 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)