Css 如何在网格中隐藏行边框

我有一个网格，其中包含链接和链接内的图像。它不显示列边框，但显示行边框。如何删除行边框

可在此处找到一个工作示例：

CSS：

display: grid;
grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
grid-template-rows: auto;
border: 22px solid #282828;
background-color: #282828;

---

我会添加

边距：0；将：0

填充到锚定标记以确保正确。但是是否可以在图像之后和之前删除换行符

我不知道为什么，但在HTML中应该忽略的图像标记在历史上曾经导致过类似的问题之后，行返回

所以

而不是：

<img.../>
</a>

---

否则，您可以显式设置

锚定的大小，然后使用
top:0将图像绝对定位在该标记内；右：0；底部：0；左：0查看您提供的示例，我注意到问题本身是网格项没有设置高度；每个框内的图像都有一个
最大宽度
和一个
宽度
设置，因此它在框的底部留下了一些空间，使其看起来像一个边框

我找到的一个解决方案是在网格项上设置一个最大高度，这样它们就不会产生超出需要的空间

在网格容器本身上，我为每行设置了一个高度

section.mosaic {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(128px,1fr));
    grid-template-rows: 137px;
    border: 22px solid #282828;
    background-color: #282828;
}

以及每个锚定标记的此项

a.item {
    max-height: 137px;
}

最后看起来像这样：

我发现问题在于图像不适合整个空间，在底部留下了小边框