php - 使用 jquery masonry/isotope 围绕内容边界（没有空格）

Question

我目前正在使用带有 jquery 的砌体插件。我有几个盒子。我希望能够在它们接触且没有空间的地方创建盒子。现在我正在尝试在这些容器周围创建边框，但是当我这样做时

border:thin solid black;

在 CSS 中，它围绕着一切。因此，如果容器彼此相邻，则边框几乎会翻倍。除非有办法让容器相互重叠，否则边界线将正好在彼此的顶部对齐。到目前为止，它要么使容器进入下一行，要么我必须加宽宽度以显示双线。

有什么建议么？

谢谢

编辑：

        $container.masonry({
            itemSelector: '.container',
            columnWidth: 1,
            isFitWidth: true,
            position:'relative',
            animationOptions: 
            {
                    duration: 750,
                    easing: 'linear',
                    queue: false
            }
        });

Answer 1

只需像这样更改您的CSS：

#main {
    width:300px;

}
.container {
width:50px;
height:80px;
border:1px solid black;
margin-right: -1px;
margin-bottom: -1px;
}

这里的演示：http: //jsfiddle.net/ongisnade/wsk7C/6/