控制單個砌體項目位置

我在WordPress中使用砌體佈局，所以我的本地站點的砌體佈局與循環放在一起。我已經創建了一個fiddle來解釋我的問題。控制單個砌體項目位置

如何控制砌體佈局中的一個項目的位置？

我想一個div永遠是在磚石容器的頂部右側（我的左上角郵票的右側）

如何重寫磚石分配它.box的項目定位是什麼？

#container { max-width:635px; width:100%; } 
.corner-stamp { background:gray; width: 90px; height: 90px; } 

.box { 
    width: 90px; 
    height: 90px; 
    margin: 5px; 
    background: #6AD; 
    float: left; 
} 

/* I want to freely position this item with css */ 
#biggerBlock{ 
    width: 395px; 
    height: 200px; 
    background: #6AD; 
    left:25%; /* overidden by masonry */ 
} 

.box.large { 
    background: #084; 
    z-index: 2; 
}

UPDATE：

大衛Desandro回答official Masonry的Git頁面上的問題。新的同位素v2將具有包含2個角落郵票的功能。感謝downvote。

來源

2013-08-22 BenRacicot

請說明您downvotes – BenRacicot

現在純石工沒有cornerStampSelector財產。您可以使用stamp選項：

指定在佈局中標記哪些元素。這些是特殊的佈局元素，不會由砌體佈局。相反，砌體將佈局項目元素低於加蓋元素。

$container.masonry({ 
    columnWidth: 100, 
    animate: true, 
    stamp: '#biggerBlock' 
    });

而且stamp方法：

郵票在佈局中的元素。砌體將佈置項目元素約加蓋元素。

$container.masonry('stamp',$('#biggerBlock'));

來源

2013-08-22 23:30:02 Grin

是，不同的cornerStampSelector：在我的小提琴使用？小心叉我的小提琴，讓我看看你的技能？ – BenRacicot

是的。在你的jsfiddle中，你正在使用獨立的砌體庫。你需要指定另一個屬性來標記一個元素。這裏是[jsfiddle]（http://jsfiddle.net/9bqEx/1）。 – Grin

對不起，由於某種原因，我沒有得到明顯的。很好的答案！ – BenRacicot

控制單個砌體項目位置

回答

相關問題