cssについて質問させていただきます。
現在画像投稿サービスを開発中なのですが
http://pinterest.com/
このサービスのように縦幅が異なる形でもうまくfloatさせてキレイに並べることができず苦戦しています。
（横幅は統一サイズです）
添付のような形なのですが、
ソースもできたものではなく、恐縮なのですがどなたか参考サイトかソースをご提示いただけると大変助かります。
どうぞよろしくお願いいたします。
対応ブラウザは IE7以上、FF、chrome、safariの最新版に近いくらいのモノで見えるようにしています。
No.1
661
80
縦の列ごとにfloatでdivタグを並べればいいと思います。
つまり、以下のような感じで。
<div> <div>A</div> <div>E</div> </div> <div> <div>B</div> <div>F</div> </div> ...
No.3
1099132
50pt
縦横比が異なる画像もきれいにタイル状にしてくれるjQueryプラグイン
http://creatorish.com/weblog/172
jQueryを使うのが一般的ですよ
IEを含めた場合、質問例のような感じのものはCSSだけで実現しだすと
はまりますよ。
ありがとうございます。Cherenkovさんのjqueryのほうからテストしてみたいと思います。
うぃんど
2012/01/08 22:58:31
31
29
ここでベストアンサー
aiueo
1
1
お返事ありがとうございます。2つ目のグリッドレイアウトが使いやすそうなので利用してみます。
2012/01/09 11:49:34