こんにちは、さまざまな高さのdivの束を最適な位置に浮かせて、まとめてできるだけスペースをとらないようにしようとしています。vertical-align を上に設定し、すべてを左にフロートさせたインライン ブロックを使用してみました。divは寄り添っていますが(一種)、時々大きなギャップを残しています。css (または必要に応じて JavaScript) を使用して、これらの div を隙間のないタイルのように整理する方法はありますか? (または可能な限り最小のギャップ)
ありがとう
こんにちは、さまざまな高さのdivの束を最適な位置に浮かせて、まとめてできるだけスペースをとらないようにしようとしています。vertical-align を上に設定し、すべてを左にフロートさせたインライン ブロックを使用してみました。divは寄り添っていますが(一種)、時々大きなギャップを残しています。css (または必要に応じて JavaScript) を使用して、これらの div を隙間のないタイルのように整理する方法はありますか? (または可能な限り最小のギャップ)
ありがとう
http://iam.beyonce.com/の画像が好きですか?
はいの場合は、 jQuery Masonryのデモをチェックして、修正方法を学んでください。
または、Masonry の姉であるIsotopeに光を当ててください。Masonry に加えて、アイテムの並べ替えやフィルタリングなど、彼女には他にも多くのトリックがあります。