QA@IT
«質問へ戻る

質問を投稿

Pinterest のように画像を隙間なく敷き詰めるには?

Pinterest をみていただくと、写真やそれについたコメントなど(pin と呼びます)が隙間なく敷き詰められているのが分かると思います。画像の高さを取得して、それぞれの pin の絶対座標を計算しているものと考えられます。

このような表示ができるような、JavaScript のライブラリ(jQuery のプラグイン)、あるいは CSS 等の書き方で参考になるものがあれば教えてください。

[Pinterest](http://pinterest.com/) をみていただくと、写真やそれについたコメントなど(pin と呼びます)が隙間なく敷き詰められているのが分かると思います。画像の高さを取得して、それぞれの pin の絶対座標を計算しているものと考えられます。

このような表示ができるような、JavaScript のライブラリ(jQuery のプラグイン)、あるいは CSS 等の書き方で参考になるものがあれば教えてください。