HTML, CSSを勉強しているものです。 下記のようにCSSのbackgroundを使えば簡単に画像の表示位置や表示領域をコントロールできると思います。

ベストアンサー

0

ThanksImg質問者からのお礼コメント

まさにobject-fitのようなものを探しておりました、ありがとうございます!!

お礼日時:6/13 23:29

その他の回答(1件)

0

chi********さん >・・・・CSSで簡単に画像の表示位置や表示領域をコントロールできる方法・・・・・・・ ご参考に↓ https://www.sejuku.net/blog/53016 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .box{ width:70%; height:500px; margin:0 auto; position:relative; /* 親要素での指定 */ background:#eee; } .box img{ position:absolute; top:100px; left:200px; /* 上下位置を指定 */ } </style> </head> <body> <div class="box"> <img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_48.png"> </div> </nav> </body> </html>