2列网格布局与砌体

Question

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

我想我可能错了。我一直在阅读文档，但不知道还能做什么？对我来说，似乎这段代码应该导致我们试图实现它们的布局。

这是我想要实现的布局：

这是我的砌体页面：https://googledrive.com/host/0BwJVaMrY8QdcVDBweWk2UXlfTVE/KE%20copy.html

这是没有砌石的页面：https://googledrive.com/host/0BwJVaMrY8QdcVDBweWk2UXlfTVE/KE.html

我要做的就是把第一栏放完。

我非常感谢任何帮助！

Answer 1

好的，我下载了html并进行了测试。

请删除项目左边距。

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

然后开始这样的管理员：

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

这是唯一的改变。

这是结果的图像。