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

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/