サイズ変更およびCSS

Question

を使用して画像を中心

私のシナリオ：

• 私はサイズ1900 X 1600ピクセルのイメージを持っています。
• 私はサイズが200 x 150ピクセルのdivです。

私は、次のCSSを使用した画像をリサイズしている：

max-width:300px; 
max-height:300px; 

高さは比例して保持されますので、この例では、252ピクセルになります。

divに画像の中央を合わせるにはどうすればよいですか？私は次のような意味を持っています：

background-position: center center; 

CSS2ではこれが可能ですか？

Answer 1

あなたは

background:url("test.png"); 
background-size: 300px auto; 
background-position: center center; 

を意味ですか？

Answer 2

は、要素内にDIVを中央に、あなたはautoに設定左右のマージンでwidthとmarginを設定します：

div { margin: 0 auto; width: 300px; }