网页布局 - V2EX

V2EX = way to explore

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

现在注册

已注册用户请登录

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

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

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

66beta

2014-05-28 12:47:58 +08:00

关键词：瀑布流

ffffwh

2014-05-28 13:03:08 +08:00

这不就三列么?

NemoAlex

2014-05-28 13:21:53 +08:00

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

jxwho

2014-05-29 00:39:31 +08:00

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

xieranmaya

2014-05-29 21:33:15 +08:00 via Android

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

jxwho

2014-05-29 22:06:01 +08:00

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

rankjie

2014-05-30 10:48:24 +08:00 via iPhone

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