2砖砌网格布局

我正在尝试构建一个与masonry一样的2列网格布局，但是当我尝试使用砌体时，它们的布局变成了这一列栅格。2砖砌网格布局

我想我可能会错误地使用它。我一直在阅读文档，但不知道还能做什么？对我来说，它似乎是这个代码应该导致他们布局我试图实现。

这里的布局，我想实现： Layout I am trying to achieve

所有我想做的是把第一列。

我将不胜感激任何和所有的帮助！

在首页上它说：“所有选项都是可选的，但建议使用columnWidth和itemSelector。”，但我在您的js中看不到columnWidth ...尝试添加它。 – drip

@drip现在所有的项目都顶部对齐到容器的顶部角落。偶数项目虽然右移一点，就像有一个小的左边距。 –

好吧我下载的HTML和测试它。

请删除项目的空白左边。

.dataCard { margin-left:3.2%; } /*Without this*/

并开始像这样mansonary：

$('#main').masonry({ 
    itemSelector: '.dataCard', 
    gutter: 20 
});

这样做了唯一的变化。

这是结果的图像。 Screen of the page

2013-07-15 20:27:59 drip

回答