javascript - 2柱网格布局与砖石

Question

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

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

这是我想要实现的布局：

这是我的砖石页面：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*/

并像这样开始mansonary：

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

这是唯一完成的更改。

这是结果的图像。