网页布局 - V2EX

V2EX = way to explore

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

For Existing Member Sign In

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

This topic created in 4360 days ago, the information mentioned may be changed or developed.

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

7 replies • 2014-05-30 10:48:24 +08:00

66beta

May 28, 2014

关键词：瀑布流

ffffwh

May 28, 2014

这不就三列么?

NemoAlex

May 28, 2014

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

jxwho

May 29, 2014

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

xieranmaya

May 29, 2014 via Android

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

jxwho

May 29, 2014

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

rankjie

May 30, 2014 via iPhone

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