css - 将各种图像居中到一个 div

Question

我有一个 div，比如 200px x 200px。我正在制作所有不同尺寸的图像幻灯片。我希望图片都以 div 为中心，但只有 200 x 200 可见。因此，如果图片较大，则仅显示其中的一部分。

我怎么做？

谢谢库沙

score 0 · Accepted Answer

0

overflow: hidden;div 上的用户样式。

于 2012-06-25T01:46:51.200 回答

score -1 · Accepted Answer

以下将使所有图像居中。大于 div 宽度和高度的图像将被裁剪。

在您的样式表中：

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

在您的 HTML 中：

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

2 回答 2