楽天やヤフーショッピングのゴールドやトリプルやランキングページを作成するときに同じサイズの正方形の中に異なったサイズの画像を収めたい場合があります。

そんな時に使えるCSS。

 

高さ、幅を決めた骨組みにイメージを入れます、イメージは骨組みに収めるように「max-width」、「max-height」で指定します。

高さ、幅、マージンは適時変更してください。

スポンサーリンク