网页布局

2014-05-28 12:39:56 +08:00
 jxwho
请问，
http://huaban.com/boards/598992/
这种元素不等的效果是怎么做出来的？有模板的吗？
谢谢~~
2754 次点击
所在节点    程序员
7 条回复
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
我研究过这个，花瓣的这个性能还是很高的，用了很多优化手段，可以自己研究一下。
库的话，有个叫masonry.js的，也很牛逼，但性能方面考虑的不多，不适合做特别长的无限滚动
jxwho
2014-05-29 22:06:01 +08:00
@xieranmaya masonry.js可以直接实现pinterest?
rankjie
2014-05-30 10:48:24 +08:00
3L就是花瓣的前端一把手却不问他…… lol

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/114685

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX