在 div 背景中并排显示许多图像

Question

我有 4 张图片和 1 张 div。

每张图片的尺寸都不同：

img 1 200x400
img 2 600x500
img 3 900x1000
img 4 300x300

和div：

<style>
#divimgs{
 height:400px;
 width:800px;
}
</style>

问题是，我如何将这 4 张图片作为背景并排放置在#divimgs 中，并且每张图片大小相同 = 高度 400 和宽度 200（每张图片 200 = 800 宽度- 相同 divimgs 宽度）

谢谢！

Answer 1

这在 CSS3 中是可能的。你必须玩弄背景位置，背景大小。

#divimg {
background: url("image1.gif"), url("image2.gif"),url("image3.gif"),url("image4.gif");
background-size: 200px 400px;
background-repeat: no-repeat;
background-position: 0px 0px, 200px 0px, 400px 0px, 600px 0px}

在 http://www.w3schools.com/cssref/

上寻找属性

在 div 背景中并排显示许多图像

many images side by side in div background

html

css

background