我怎样才能制作一个像拼图一样自动适合照片的画廊？

Question

我正在尝试创建一个网站来托管我的艺术作品、博客、文章和其他媒体。我希望艺术（对于艺术）和缩略图（对于文章等）以它们的相对形状显示。我可以通过简单地 link 将图像添加到新页面（艺术作品或文章）来完成这一部分。

然而，我遇到的问题是，根据每个不等边形状的大小以及它们在我的 HTML 文件主页上的插入位置，将它们拟合在一起。附带的 link 是我将用作示例的网站，并且包含手机上的图片。

我基于的网站：http://www.kogashuku.com/

Picture for mobile devices

Answer 1

如果我明白你要做什么，你可以使用 Masonry.js。

如果您利用完善的第 3 方解决方案来帮助您，您将会过得更轻松，并取得更好的结果。