1900 ピクセルの画像を Web ページの中央に配置する方法_html/css_WEB-ITnose

質問させてください。Web ページの上部の画像を 1900 ピクセルに拡大したいのですが、どうすればよいですか? JD.com のようなトップ画像を閉じることができる JS コードまたはウィジェットを持っている人はいますか? 持っている場合は、923530881@qq.com にメールを送ってください。皆さんありがとうございます

ディスカッション（解決策）への返信

div 内の img 属性 margin:0 auto で画像は中央に配置され、JS はプラグインを必要とせず、ほんの数文で十分です。書き方が分からない場合は、Baiduで検索してみてください

If 背景画像の場合は、次のようにすることができます

.box{
background:url(画像アドレス) center top no-repeat
; }

imgを直接配置する場合は、text-align:centerを使用できます

.box{
height:600px; // 画像の高さを自分で設定します
text-align:center; }

画像の幅が大きすぎます、margin-left: auto、margin-right: auto

中央に配置してください

画像の幅が大きすぎます、margin-left: auto、margin-right: auto

画像は中央に配置できます
私 基本解像度に合わせた全画面画像になるように意図されています, 比較的大きいです。ご回答ありがとうございます

div内のimg属性 margin: 0 auto; 画像は中央に配置されており、JSはプラグインを必要とせず、書き方が分からない場合は数文で十分です。 、Baidu で検索できます

その画像は私が書いた場所に配置する必要があります。編集可能領域では、div 内に直接 を追加する必要はないため、margin:0 auto; と記述することは役に立ちません。ご回答ありがとうございます

背景画像ならこんな感じで出来ます

.box{
background:url(画像アドレス) center top no-repeat
}

imgを直接置く場合、 text-align: center を使用できます

.box{ //高さ画像は自分で設定します
text-align :center; }

画像は div に直接 を追加するのではなく、 text-align:center; と書きます。 ; 役に立たない。ご回答ありがとうございます