HTML・レイアウトの操作:

指定Classを全て同じ幅にする

指定したclass値を持つ複数のブロック要素を全て同じ横幅にする。
width を合わせるのではなく、padding と border を含めた offsetWidth を揃える処理。

String
対象とするclass値を文字列で指定
Node
指定Node内に絞って検索する id値を文字列で指定してもよい / 省略した場合はページ全体を検索する
●必須引数 ●オプション引数(省略可能)

記述例

$arrangeW('photo_box', $id('photo_area'))
$arrangeW('photo_box', 'photo_area')
$arrangeW('photo_box')

注意点

ブロック要素に適用する関数。インライン要素には使用できない。

動作サンプル

 BOX 1A 
BOX 1B
BOX 1B
BOX 1C BOX 1C BOX 1C
BOX 1C BOX 1C
Javascript : $arrangeW('box1',$id('sample1'));
 BOX 2A 
BOX 2B
BOX 2B
BOX 2C BOX 2C BOX 2C
BOX 2C BOX 2C
Javascript : $arrangeW('box2');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。