网页布局 - V2EX

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 4276 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

7 条回复 • 2014-05-30 10:48:24 +08:00

66beta

2014 年 5 月 28 日

关键词：瀑布流

ffffwh

2014 年 5 月 28 日

这不就三列么?

NemoAlex

2014 年 5 月 28 日

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

jxwho

2014 年 5 月 29 日

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

xieranmaya

2014 年 5 月 29 日 via Android

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

jxwho

2014 年 5 月 29 日

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

rankjie

2014 年 5 月 30 日 via iPhone

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