HTML・レイアウトの操作:
指定Classを全て同じ幅にする
指定したclass値を持つ複数のブロック要素を全て同じ横幅にする。
width を合わせるのではなく、padding と border を含めた offsetWidth を揃える処理。
String
Node
●必須引数 ●オプション引数(省略可能)
記述例
$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コードなどは省略して提示している。