尝试以下操作

替换：

.grid1 { display: grid; grid-template-columns: repeat(3, 1rem); grid-template-rows: repeat(3, 1rem); row-gap: 1px; column-gap: 1px; }

替换为：

.grid1 { display: grid; grid-template-columns: repeat(3, 1rem); grid-template-rows: repeat(3, 1rem); gap: 1px; }

gap:1px 就是您所需要的。

但是，您还需要为.grid1设置宽度和高度，例如：

.grid1 { display: grid; grid-template-columns: repeat(3, 1rem); grid-template-rows: repeat(3, 1rem); gap: 1px; width:100px; height:100px; }

如果您不确定宽度和高度，只需将它们设置为width:auto; height:auto;并让网格内的内容决定宽度和高度。