css - さまざまな画像を div の中央に配置する

Question

200px x 200px の div があります。サイズの異なる画像のスライドショーを作成しています。写真をすべて div の中央に配置したいのですが、表示されるのは 200 x 200 だけです。したがって、画像が大きい場合は、その一部のみが表示されます。

それ、どうやったら出来るの？

ありがとうコウシャ

Answer 1

overflow: hidden;divのユーザースタイル。

Answer 2

以下は、すべての画像を中央に配置します。divの幅と高さよりも大きい画像はトリミングされます。

スタイルシート：

div {
    overflow: hidden;
    background: #fff center center no-repeat;
}

HTMLの場合：

<div style="background-image: url('url_of_image.jpg')"></div>