图中不规则排版的实现方式是什么？或者告诉我该搜索什么词语

V2EX = way to explore

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

已注册用户请登录

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

13 条回复 • 1970-01-01 08:00:00 +08:00

hdlifes

2012-06-25 19:27:30 +08:00

瀑布流？
LZ 能给个上图站点的地址吗

nichan

2012-06-25 19:31:27 +08:00

瀑布流长宽应该至少有一样是固定的吧。。。这个说不好是人工排版。。。。

bcxx

2012-06-25 19:37:07 +08:00

qiayue

2012-06-25 19:37:54 +08:00

@nichan
@hdlifes
非人工排版
地址是 http://www.yunjii.com/#discover
但是未登录用户看不到，会被转向首页，貌似他们暂时又不能直接注册，所以。。。

qiayue

2012-06-25 19:39:03 +08:00

@bcxx 你这是瀑布流，他这个不是一般的瀑布流布局

bcxx

2012-06-25 19:43:06 +08:00

@qiayue after 之后就是这个效果啊…… http://masonry.desandro.com/demos/images.html 你这个“不一般”是指可以铺满在一起对不？

qiayue

2012-06-25 19:47:44 +08:00

@bcxx 对，我想要的是横竖边框对齐但又不是N排N列都一模一样

bcxx

2012-06-25 19:51:21 +08:00

@qiayue 那 masonry 就可以啊……

qiayue

2012-06-26 11:35:06 +08:00

午休了，大家再发挥一下智力

toothpaste

2012-06-26 12:24:36 +08:00

在flickr里，管这个view叫做justified模式，
http://blog.flickr.net/en/2012/02/28/announcing-justified-view/

有人用JQuery做过图片类的，文字类的估计跟着改改可以？
http://www.wackylabs.net/2012/03/flickr-justified-layout-in-jquery/

qiayue

2012-06-26 12:52:55 +08:00

@toothpaste 感谢，这应该就是我要找的了

zsdsz

2012-06-26 13:19:24 +08:00

kissy有这个

2012-06-26 14:05:59 +08:00

masonry+1 实战可操作.