三列两行先摆好

珠江栅格的池砚舟要比一张"卡片墙"的骨架，"列数"填 3、"行数"填 2，两个数都靠滑块给。声明里 columns 落成 repeat(3, 1fr)，rows 落成 repeat(2, 60px)，三列等宽、两行各 60px。拖完就重画，面板上没有要按的确认键。

五项装进六个格

"间距 gap"调到 16，"网格项数量"给 5。3 乘 2 是六个显式格，放五块刚好装得下，不会另起隐式行；真把项数往上推过 6，多出来的格子行高就不再是 60px。源码里 cnt 最多能到 30，这个上限界面上看不见。

四行声明对滑块

标着"复制 CSS"的框实测四行：display: grid;、grid-template-columns: repeat(3, 1fr);、grid-template-rows: repeat(2, 60px);、gap: 16px;。一行对一个滑块，从开网格到三列、两行、16px 缝，逐行核下来跟填的数全对得上。框里改不动字，旁边那只按钮是"复制代码"。

格子撑开才算对

.zab-preview 里排的是 1 2 3 4 5 五个编号方块，按三列铺开，不是画布也不是图片。要看的就两样：列数有没有真按三列走、16px 缝有没有把格子撑开。这页没有"导出"也没有"下载代码"，池砚舟收尾只是把那四行拷走。

企业知识网（ www.qiyezhishi.com ）提供的结果为参考性内容，不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。