与jQuery砌体/同位素（没有空格）的内容的边界

我目前正在使用砌体插件与jQuery。我有几个盒子。我希望能够在他们接触并且没有空间的地方创建箱子。现在我正在尝试在这些容器周围创建边框，但是当我这样做时，它在所有内容的边界都是边框。所以如果有容器彼此相邻的话，它会有很多的边界。除非有办法让容器彼此重叠，所以边界线将彼此重叠。到目前为止，它只是让容器进入下一行，或者我将不得不扩大宽度，以便显示双行。与jQuery砌体/同位素（没有空格）的内容的边界

有什么建议吗？

谢谢

编辑：

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

来源

2012-08-03 hellomello

只要改变你的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/

来源

2012-08-03 05:31:45 Fredy

我看到你已经使用同位素，这是否意味着它只能用于同位素？因为我尝试将我的砌体columnWidth设置为1，它仍然会产生“双”线。 – hellomello 2012-08-03 05:35:09

@andrewliu：你能告诉我你的代码，你已经让 – Fredy 2012-08-03 05:40:18

请看我的编辑。谢谢！ – hellomello 2012-08-03 05:42:37

与jQuery砌体/同位素（没有空格）的内容的边界

回答

相关问题