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

回答