Question

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

更新：

David Desandro在official Masonry Git页面上回答了这个问题。新同位素v2将具有此功能，能够包含2个角标记。感谢您的downvote。

Answer 1

现在纯砌体中没有cornerStampSelector属性。您可以使用stamp选项：

指定在布局中标记哪些元素。这些是砌体不会布置的特殊布局元素。相反，砌体将布置项目元素在标记的元素下面。

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

stamp方法：

在布局中标记元素。砌体将布置项目元素围绕加盖元素。

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

控制单个砌体项目位置

1 个答案: