网页布局

[jxwho]

请问，
http://huaban.com/boards/598992/
这种元素不等的效果是怎么做出来的？有模板的吗？
谢谢~~

[66beta]

关键词：瀑布流

[ffffwh]

这不就三列么?

[NemoAlex]

是用 JS 做的
确定每块元素的宽高，容器宽度，计算出每块应该在什么位置，再用绝对定位把位置写上去

[jxwho]

@66beta 谢谢！
@ffffwh 就是这一类的嘛，，，不一定要三列...

[xieranmaya]

我研究过这个，花瓣的这个性能还是很高的，用了很多优化手段，可以自己研究一下。
库的话，有个叫masonry.js的，也很牛逼，但性能方面考虑的不多，不适合做特别长的无限滚动

[jxwho]

@xieranmaya masonry.js可以直接实现pinterest?

[rankjie]

3L就是花瓣的前端一把手却不问他…… lol