javascript - カウントと固定ラッパーに応じた要素のサイズ変更とサイズの計算

Question

100px X 100pxのサイズのブロック（div）があるとします。

次に、このブロックに100X100pxのサイズの1つの画像を渡します。同じサイズなので、フィットします。

ここで質問：2、3、または6つの画像があり、それらを100X100pxのボックスに表示したい場合の最善のアプローチは何ですか。

例：1画像-> 100 * 100、2画像50 * 50各、9画像33％* 33％各。

画像の幅と高さは常に同じになります。

ヒントをありがとう！

Answer 1

あなたはあなた自身の質問に答えました:-)

imageWidth = containerWidth/amountImages

「タイル」ソリューションでは、次のことができます

imageWidth = containerWidth/amountImagesInRow

imageHeight = containerHeight/amountImagesInColumn

必要な行/列の数を決定したい場合: 最小幅を定義し、何らかの操作を行います

for(...){

if imageWidth < minWidth

amountImages -= 1;

imageWidth = containerWidth/amountImages

}

imagesInRow = amountImages;