フィドル- ここに例があります。
Windows 8のタイルグリッドのように見える何かをしようとしています。3種類のタイルサイズをご用意
- 通常 = 1x1;
- ワイド=2x1; と
- 大きい=2x2。
私のポイントは、タイルを正確に並べ替える必要はありませんが、それらの間に空のスペースがあってはならないということです.
Masonry、Isotope、freetile、vGridをチェックしましたがWookmark、同じ問題が発生しました:空のギャップ。
ギャップを回避することが論理的に不可能な場合があることはわかっていますが、その場合は実際に可能です。
jqueryプラグインのようなソリューションである必要はありません。取得する必要があるのは、異なるサイズのタイルだけですが、互いにサイズに合わせて、それらを「パック」するときにそれらの間のギャップを回避します。
$('article').freetile();