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

Question

当简单地做浮动时:留给相同大小的所有缩略图,画廊看起来很棒.但是当不同尺寸的缩略图进场时,情况就不再如此.

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

Answer 1

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

我推荐使用JavaScript + jQuery,特别是其中一个插件:

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

Answer 2

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