浮动缩略图库，大小不一，如何处理？

Question

当简单地对所有相同大小的缩略图执行浮动：向左时，画廊看起来很棒。 但是当不同大小的缩略图开始播放时，情况就不再如此了。

处理不同尺寸缩略图的最佳方法是什么？ 我需要改用表格吗？

Answer 1

没有一个可能的 CSS 解决方案看起来特别好。

我建议改用 JavaScript+jQuery，特别是以下插件之一：

• http://masonry.desandro.com/
• http://isotope.metafizzy.co/

Answer 2

我认为最好的解决方案是给每个缩略图一个固定大小的 div 容器，以便每个缩略图占用相同的空间。 我的意思是，不要调整缩略图的大小。 div 中的图片应该居中。

Answer 3

我使用了以下插件，它工作正常：

http://suprb.com/apps/gridalicious/

Answer 4

对于那些在 2017 年寻找不同尺寸图像的画廊的人，请查看这篇 css-tricks 文章： https://css-tricks.com/seamless-responsive-photo-grid/