jquery - Jquery：砌体，垂直和水平间隙

Question

我目前正在我的投资组合网站上工作。然而，在处理 Mansonry 时，我发现每张图像的底部都有一个垂直和水平的间隙。我将边距和填充设置为 0，但它并没有消失。我感兴趣的是，当我调整窗口大小时，水平间隙消失了，但图像的一小部分与下一个放置的图像重叠（必须仔细查看）。

 img {max-width: 100%;

}
#content {
    width:100%;
}


.container{
    width:50%;
    float:left;
}

我想知道它是否与CSS有关..

我想要没有垂直和水平的间隙，也没有重叠。我怎样才能做到这一点？

您的帮助将不胜感激。！

score 2 · Accepted Answer

top要删除每个图像下方的小间隙，只需将（或底部或其他几个）的垂直对齐添加到图像的 css。

img {
    vertical-align: top;
}

默认情况下，图像是对齐baseline的，在图像下方留下一个小间隙（对于文本，像 y 和 g 这样的字母低于基线，这个房间是给他们的）。

1 回答 1