控制单个砌体项目位置

我在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

控制单个砌体项目位置

回答

相关问题