0

私のシナリオ:

  • サイズが 1900 x 1600 ピクセルの画像があります。
  • 私はdiv200 x 150ピクセルのサイズを持っています。

次の CSS を使用して画像のサイズを変更しました。

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

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

画像を中央に配置するにはどうすればよいdivですか? 私は次のようなことを意味します：

background-position: center center;

この種のことはCSS 2で可能ですか?

4

2 に答える 2

2

もしかして

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

？

于 2012-04-10T19:02:29.483 に答える
0

DIVを要素内の中央に配置するには、widthとを設定marginし、左右の余白をautoに設定します。

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

于 2012-04-10T19:02:41.360 に答える