Jquery：砌体，纵向和横向间隙

Question

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

http://jsfiddle.net/L2mzU/1/

 img {max-width: 100%;

}
#content {
    width:100%;
}


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

我想知道它是否用CSS做了..

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

非常感谢您的帮助。 ！

Answer 1

要删除每张图片下方的小间隙，只需在图片的CSS中添加top（或底部或其他几个）的垂直对齐。

img {
    vertical-align: top;
}

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