PHP：不同宽度的动态图像网格

在我的网站上，我有多张相同高度但有三种不同宽度的图片。我想把它们显示在一个漂亮的网格中。上传图像时，我会检查图像是宽还是高

然后我有三种不同尺寸的图像 s、 m&l

s代表高图像，m&l代表宽图像

这些图像显示在表格中，其中小（s）图像占据1个点，中（m）图像占据2个点，大（l）图像占据3个点。每排有3个点

如果我有8张图片（4高4宽），我希望它看起来像这样（w=空白）：

而不是

sss
sww
l
l
l
l

这意味着前3个图像只是小图像。因为第二行需要一个中等大小的图像，所以我将其中一个宽图像拉伸到2个点。然后在那一行旁边有一个高的图像，最后三行是三个宽的图像，每行一个

我希望我解释得足够好

编辑：

或者假设我有4张图像，2高2宽（w=空白）：

而不是像这样显示它

ssw
l
l

我希望它看起来像这样：

sm (or ms)
sm (or ms)

---

如何实现这一点？

有几个库可以实现这一点，最简单的是

---

你可以用最少的代码实现你想要的，因为它只是可变宽度，而不是可变宽度和高度，但也可以使用一个已经处理了这个问题的库，而不是自己花时间。有几个库可以实现这一点，最简单的是

---

你可以用最少的代码实现你想要的，因为它只是可变宽度，而不是可变宽度和高度，但也可以使用一个已经处理了这个问题的库，而不是自己花时间。

你的问题是什么，你试图解决什么？我的问题是，我如何让它像我用8张图片显示的那样动态地排列我的图片，而不是仅仅有前4张高图片，然后是4张宽图片，到处都是空白？如果你有2个s`和2个l`，那么不管怎样，你都会有空白…不，如果有2张宽和2张高图片，宽图像缩放到2M你的问题是什么？你试图解决什么？我的问题是，我如何使我的图像动态排序，就像我展示的8幅图像一样，而不仅仅是前4幅高图像，然后4幅宽图像，到处都是空白？如果你有2个s`和2个l`，那么不管怎样，你都会有空白…不，如果有2个宽图像和2个高图像，则宽图像将缩放到2米，以获得建议！虽然我最终使用了它，但它看起来不像wookmark处理水平对齐，但我可能错了。谢谢你的建议！虽然我最终使用了它，但它看起来不像wookmark处理水平对齐，但我可能错了。

sm (or ms)
sm (or ms)