新的谷歌图片它们如何正确浮动答案

【问题标题】：new google images how do they float correctly新的谷歌图片它们如何正确浮动
【发布时间】：2011-03-26 08:24:49
【问题描述】：

有人看过新的谷歌图片搜索吗？它设法使图像漂浮在一个区域中。通过将图像按尺寸分组，图像可以正确地融入其中。

我想有两种方法可以做到这一点：

在脚本场景中，我们可以使用 1000 像素的最大宽度，然后对图像进行分组以填充 4 行图像的 4 倍。

Css 规则必须使图像浮动，但还要重新排序。

有人对这将如何工作有任何其他想法吗？

【问题讨论】：

【解决方案1】：

他们使用 canvas js 重新调整图像大小。然后设置li宽度，高度然后添加溢出隐藏。如果您在 css img.myimg {width:70px} 中为所有图像设置宽度，您也可以获得相同的结果。我认为使用 js 代码渲染页面不会花费更长的时间。

【讨论】：

【解决方案2】：

我认为谷歌在服务器上做所有这些工作人员：尝试调整窗口大小 - 它将在带有调整大小图像的 sercond 中重新加载。另一方面，我发现了一个画布元素，它也可用于使用 js 调整加载图像的大小

【讨论】：