将各种图像居中到div

时间:2012-06-25 01:24:19

标签: css image html

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

我该怎么做?

由于 Kousha

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:-1)

以下内容将以所有图像为中心。将裁剪大于div的宽度和高度的图像。

在样式表中:

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

在您的HTML中:

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