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

标签 php html css image-scaling

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

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

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

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

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

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

最佳答案

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

可以这样看:

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

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


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

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

关于php - 针对不同尺寸对齐/排序 HTML 中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6504483/

相关文章:

javascript - 如何使 Dreamweaver AP Div 显示/隐藏功能在 IE9 中工作?

html - 如何更改 svg 图像的颜色

javascript - 使用输入作为提交按钮的 html 表单

php - Laravel 5 请求 : Authorizing and then parsing object to controller

php - 我的 pdo 登录功能需要帮助

php - 使用 ajax() 或 jQuery.getJSON 和 jquery 将 php 对象数组传递到外部 javascript 文件?

php - Joomla 2.5 中的 JS 工作扩展

java - java中如何查找并获取字符串内的多个子字符串,以及是否需要正则表达式

jquery - 如何防止在单击其他元素时关闭 jQuery UI 选择菜单?

html - 我怎样才能像表格一样设置选择选项的样式?