css - 在固定宽度的 div 中乘以图像调整大小和位置（以填充所有位置）

Question

我需要将几张图片发布到固定宽度的 div 中。图像总是不同的，具有不同的宽度和高度。我的目标 - 将它们顺利放置以填充我 div 的所有区域。我需要做的最好的例子是由 Vk.Com 创建的。这里有些例子：

如您所见，无论有多少用户加载图像以及它们的大小是多少。Vk.Com 在固定宽度的 div 中裁剪、调整大小和适合所有图片。您如何看待，是否有任何开源解决方案可以做到这一点？谢谢大家。

UPD：加载了一些非常不同的图像，具有绝对广泛的尺寸。

Answer 1

这个问题实际上比我想象的要复杂得多。我知道有一些布局插件可以将常规大小的图像放入开槽布局（同位素）中，有些可以将随机大小的图像放入简单的线性布局（自动图像蒙太奇），但我还没有看到任何脚本这将采用随机大小的图像，并调整它们的大小以适应开槽布局。

这个人设法找出了 Google Plus 风格画廊（看起来和你的相似）所需的关键功能，但得出的结论是，这取决于服务器端生成多种图像尺寸，以及一些逻辑。但是，他最后确实生成了一个纯 Javascript 简化版本。