减少图像之间的空间

Question

我试图在保持图像居中的同时减少灰框的空间，但我不知道要使用什么属性。如果有帮助，我会使用弹性盒。

.layout {
display: flex;
flex-wrap: wrap;
}
.child {
min-height: 100px;
width: 200px;
background: rgba(185, 180, 169, 0.226);
flex: calc(100% / 3);
text-align: center;
line-height: 100px;
 border: 5px solid white;
}

Answer 1

删除子元素的边框

在css中设置几个代码

img {
    border: 0;
    outline: 0;
}

.child{
    border: 0;
}