CSS レイアウトを使用して、古典的なボックス パッキング/ナップザックの問題を解決しようとしています。
このように、要素間の空白を最小限に抑える方法で多くのボックスを配置したいと思います。
(出典: tydus.net )
ここでは、CSS3 列が非常にうまく機能します。ボックスは順番に配置されますが、空白はすべて効率的に消費されます。ちょっとした問題があります - ボックスが「せん断」されているか、複数の列にまたがっています。それはできません。
いくつかのボックスの後に従来の div.clearer を使用しましたが、効果はありませんでした。ボックスは依然としてこれらの CSS3 列にまたがっていました。column-span CSS プロパティがありますが、まだどのブラウザーでもサポートされていません;(
必要に応じて、自分で列を定義してボックスを手動で配置することもできますが、現実には、ボックスの高さが頻繁に変わります。
最後の質問: 純粋な CSS を使用して、ボックス間の空白を最小限に抑える方法でボックスを配置する方法はありますか?
ありがとう！