div背景中并排的许多图像答案

【问题标题】：many images side by side in div backgrounddiv背景中并排的许多图像
【发布时间】：2015-04-08 23:00:17
【问题描述】：

我有 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 宽度）

谢谢！

【问题讨论】：

你能发布你的html代码吗？如果您尝试通过使用 inline-block 来实现此目的，则需要删除开始和结束标记之间的空白。

标签： html css background

【解决方案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/上的房产

【讨论】：