[JS]リキッドレイアウト上のカラムの幅や数を自動調整するスクリプト -Smart Columns

Post on:2009年6月2日

sponsors

表示されたブラウザの幅に合わせて、ぴったりになるようにカラムの幅や数を自動調整するスクリプトをSoh Tanakaから紹介します。

リキッドレイアウト上に、幅を固定にしたカラムを配置すると、下記のように微妙なスペースが生まれることが多いです。

また、同様にリキッドレイアウト上に、幅を可変にしたカラムを配置すると、スペースは生じませんが、一列の数を固定にする必要があります。

Smart Columnsは、上記二つの問題点を解消し、微妙なスペースがある際にはカラムの幅を変更し、ある程度のスペースがある際にはカラムの数を変更して表示します。

Smart ColumnsはjQueryのプラグインのため、実装にはjquery.jsが必要です。