3

WordPress で組積造レイアウトを使用しているため、ローカル サイトの組積造レイアウトはループでまとめられています。質問を説明するためにフィドルを作成しました。

組積造レイアウト内の 1 つのアイテムの配置を制御するにはどうすればよいですか?

div を常に石積みコンテナーの右上 (左上隅のスタンプの右側) に配置したい

masonry が .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 はスタンプされた要素の下に item 要素をレイアウトします。

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

そしてstamp方法：

レイアウト内の要素をスタンプします。メーソンリーは 、スタンプされた要素の周りにアイテム要素を配置します。

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