不规则矩形的排列

现在很多网站都用不规则矩形来罗列图片,ipad上面很多应该用也都是用的不规则的矩形,但是还要让他们各自都靠近排列,不能有空隙,

这个东西让我想起了俄罗斯方块,这个实现起来很简单,容器里面所有的块元素用绝对定位排列,如果能放的下就放在这里,如果放不下了,在队列中找到能放得下的元素放置,

实在找不到,则换行排列下一行,具体思路是这样。代码里有详细的注释直接看代码吧。

下面是一个demo:

http://steve.aliapp.com/sortRect.html,

posted @ 2012-04-16 10:37  dushaobin  Views(2553)  Comments(2Edit  收藏  举报