divにインラインに収まるように複数の画像をスケーリングしますか?
-
10-07-2019 - |
質問
固定サイズのdiv内にインラインで収まるように、多数の画像を拡大縮小する効率的な方法はありますか?
javascriptを使用してdiv幅を計算し、画像数(パディングを除く)で除算してから、アスペクト比を維持するために画像を均等にサイズ変更することができると想定していますが、そこに期待していますより良い方法です。
解決
divのサイズが事前にわかっている場合は、HTMLのタグまたはCSSルールを使用して、画像の幅を設定できます。 divのサイズはわからないが、予想される画像の数はわかっている場合、各画像の幅をパーセンテージ(100 /画像の数)に設定できます。幅のみを宣言すると、ブラウザは画像のアスペクト比を保持します。
所属していません StackOverflow