html - CSSはdivをあらゆる面から合理化します

Question

画像関連のようにレイアウトを作成する必要があります。難しいのは、この大きな中央の div が四方から別の div で丸められていることです。Masonry プラグインは、コーナー スタンプ div のみを作成できますが、中央には作成できません。それで、どうすればこれを実装できますか？

Answer 1

ランダムな場所でスタンプを有効にする Isotope プラグインの一種の拡張機能を作成しました。これは非常にうまく機能しますが、2 つのスタンプが重複する可能性があります (修正する必要があります ;))。このフィドルのコードをチェックしてください: http://jsfiddle.net/XS74t/

使用方法: アイテムに.stampクラスを指定し、位置を html5 データ要素として追加します。

<li class="item" data-grid-pos='{"x": 2, "y": 1}'>
    My stamped item
</li>

"Mikko Tikkanen, Zonear Ltd." は彼の perfectMasonry プラグインの一種の拡張機能であるため、多くのクレジットが「Mikko Tikkanen, Zonear Ltd.」に帰属する必要はありません。

楽しんで！