jquery - float DIV的对齐问题

Question

我有一个具有不同高度和宽度的 DIV 的流畅布局，我希望它们按行对齐，有点像当你在 istockphoto 上搜索时，除了与顶部对齐:

图片在这里--> http://i207.photobucket.com/albums/bb121/jpbanks/Capturadepantalla2010-06-02alas1902.png

我尝试将所有 DIV float 到左侧，但它们没有正确对齐成行:

图片在这里--> http://i207.photobucket.com/albums/bb121/jpbanks/Capturadepantalla2010-06-02alas1900.png

看到“Prueba”如何不一直向左移动了吗？我想到了the jQuery plugin Masonry但我想要的显然不同。任何使用 CSS 或 jQuery 的解决方案都可以。有什么想法吗？

Answer 1

关键是每个对象都有一个相同大小的外部 div。然后是实际包含照片的内部 div。然后一切都会正确对齐。