可変グリッドレイアウトのスクリプト - WEB制作 勉強ログ | WEB LOG
作れないだろうなと思って、やってみたんですけど、意外と出来てしまいました。 画面がロードされた時、ウィンドウのリサイズ時にボックスが整列します。 ウィンドウ幅に合わせ、カラム数が決まります。並び順は最初の列は、左から右と並びますが、２列目以降はカラムの高さが高い順（top値が小さい順）にボックスが整列します。 ですので、高さがバラバラの時でも一つのカラムだけ、無駄に高さがあるといったことを防げます。 http://yuto-m.sakura.ne.jp/admin/index.html ちゃんとセンター揃えにすればよかった・・・ 今度直します。 gifアニメ作ろうとしたんですけど、キャプチャーしてる時にブラウザのリサイズすると、録画された映像がチカチカして、見るに耐えなかったのでやめました・・・ 以下コードです HTML <!doctype html> <html lang="ja"> <
