在CSS中浮动具有多种尺寸的图像

Question

我希望能够根据用户上传的内容创建浮动图像的横幅。该工具需要具有50x50和100x100的图像。目前，我只是想随机显示图像并尝试应用float：left。但是，如下所示 - 它留下了空白。

如果没有以编程方式定位图像，是否有一种简单的方法可以做到这一点？

如果你想要代码到目前为止，它就在这里：

.wall {
    width: 300px;
    background-color: red;
    display: table;
}

.wall img {

    float: left;

}

和

<div class="wall">
    <img src="man1.png" alt=""/>
    <!-- ETC... !-->
</div>

Answer 1

我认为你需要编写一些代码。我注意到的第一件事是间隙都可以通过50x50（最小）的图像填充。我会尝试实现以下内容：

1. 随机填写50x50张图片。
2. 绝对定位几张100x100张图片。这些将涵盖4个基础100x100图像。

似乎这样可行（尚未尝试过），但希望有所帮助。

鲍勃