html - CSS中具有多种尺寸的 float 图像

Question

我希望能够根据用户上传的内容创建 float 图像横幅。该工具需要具有 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 图片。

这似乎可行(尚未尝试)，但希望能有所帮助。

鲍勃