php - 针对不同尺寸对齐/排序 HTML 中的图像

Question

因此，我有一个简洁的缩略图 PHP 类，可以在漂亮的网格中对图像进行排序，但我发现网格并不总是显示图像的最佳方式。

我遇到的问题是各种标识应显示在任意大小的容器盒中。每个标识都有不同的大小(即缩减采样缩略图大小是按比例调整大小的标识版本)。

因此，假设我们想要将标识限制为一个虚拟方框，例如 120x120 像素，这意味着生成的缩略图可能包含 120x20 和 30x120 等大小的图像。它们的大小各不相同，但每个标识的“长”边都不超过 120 像素。

好的，现在进行排序。你们对我如何打印这些有什么好的建议吗？我真的不想在 120x120 方形网格空间中打印每个(事实上，我可以看到虚拟框可能是 200x100，因此倾向于为水平标识提供更多空间。

但是，我将如何创建一个算法(用 PHP)来显示它们，使它们看起来整齐地堆叠并且最合适？我是否应该只按垂直尺寸对它们进行排序，并且在“列表”中越远，标识越宽？

非常感谢任何建议，如果我不清楚什么地方，请随时让我澄清。

Answer 1

我会先按高度对它们进行分组和排序，然后将它们打包成具有相似高度(+-5% 差异)的组，然后再按宽度。每个高度组都有自己的行。

可以这样看:

+--------------+ +-----------+ +------+
|              | |           | |      |
|              | |           | |      |
|              | |           | |      |
|              | |           | |      |
|              | |           | |      |
|              | +-----------+ +------+
+--------------+

+------------------+ +-------------+ +-------------+ +-------------+ +------+ +--+ 
|                  | |             | |             | |             | |      | |  |
|                  | |             | |             | |             | |      | |  |
|                  | |             | |             | |             | |      | +--+ 
+------------------+ +-------------+ +-------------+ +-------------+ +------+


+--------------+ +------+
|              | +------+
+--------------+ 

根据图像的类型或看起来更好的图像，最宽的图像排在第一位或最后一位。