3

我在 WordPress 中使用砌体布局,因此我本地站点的砌体布局与循环放在一起。我创建了一个小提琴来解释我的问题。

如何控制一个项目在砌体布局中的定位?

我希望 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 在Masonry Git 官方页面上回答了这个问题。新的同位素 v2 将具有此功能,能够包含 2 个角标。感谢您的反对。

4

1 回答 1

4

cornerStampSelector现在纯砌体已经没有属性了。您可以使用stamp选项:

指定在布局中标记哪些元素。这些是 Masonry 不会布置的特殊布局元素。相反,Masonry 将在标记元素下方布局项目元素。

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

stamp方法:

标记布局中的元素。砌体将围绕冲压元素布置项目 元素。

$container.masonry('stamp',$('#biggerBlock'));
于 2013-08-22T23:30:02.877 回答