Justify elements using jQuery and CSS

jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。
何ができるか？というのは次の図を見て頂くのがはやいでしょう。

ビフォア

↓↓↓↓

アフター


これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。

具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。

$(document).ready(function() {
    var max = 0;
    $("label").each(function(){
        if ($(this).width() > max)
        max = $(this).width();
    });
    $("label").width(max);
});

こういう発想は素晴らしいですね。
JavaScript (jQuery) によって、HTML+CSS では出来ないことが案外簡単に出来たりします。

関連エントリ

• 現ページのリンクの非アクティブ化にもう面倒なif分岐処理は不要 「CurrentPage.js」を公開