两个JQuery masonry插件

[ant_sz]

所谓Masonry就是一种密集排布元素块的布局方式咯，不同大小的图片或者div可以尽可能不留缝隙的排列在一起

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

两个都支持动画（JQuery或者CSS3 transition），文档也很详细，本人比较喜欢第二个，提供的demo很漂亮，动画方面支持自动选择CSS3或JQuery，对IE的兼容也挺好。

顺便发一个昨天发现这软件之后，小试牛刀的作品，大家不要嘲笑偶
http://xdlinux.info/index/status.html

[xdata]

你的链接在 firefox 10 页面样式显示异常...

[ant_sz]

@xdata 如何异常？插件官方的没有问题吧？

我写的貌似在chrome 16 for linux会造成页面卡死，目前不知道原因。

[realfex]

isotope，看很多网站html源码都能看到这玩意儿
傻瓜操作，很好用

[realfex]

另外，这种布局貌似大家常称之为 “流式布局”。。

[ant_sz]

@realfex 啊哈哈，原来是叫流式布局啊，我以前不知道叫什么，只是看到这两个插件上称之为masonry

[bcxx]

@ant_sz 就是和 metro 有点像的布局咯

[evenkevin]

masonry的布局挺不错的，不过有个问题，比如第一个，它的layout的生成是在载入图片之后，这样的话，如果你要载入页面的图片比较多的话，一开始并不会产生所期望的layout，当然还可以和lazyload混用，这是个不错的解决方案，不过有个问题，就是你得先知道图片的高度，否则layout会很难看

[people2net]

这俩个都是超强布局jQuery插件， 都不错，还支持无限滚动