在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/

上查看该属性