CSS:创建随机大小矩形的镶嵌墙

时间:2011-10-26 10:04:12

标签: css

我想创建一个包含在不同颜色矩形内的引号墙。

显然,引号的长度不同,我希望矩形是随机大小的宽度 - 这意味着高度将相应地调整大小。

我正在使用float:left,但这会留下很多空隙。如果矩形可以镶嵌,那就太棒了。

我不太确定这个问题是否符合2D打包问题或其他问题,例如:Fitting rectangles together in optimal fashion。如果是这样,我不知道如何将解决方案转换为php / css / jquery。否则,任何其他想法都会有所帮助:)

1 个答案:

答案 0 :(得分:4)

你应该看一下Masonry jQuery插件:

http://masonry.desandro.com/demos/basic-multi-column.html

Or Isotope(由同一个人David Desandro执导):

http://isotope.metafizzy.co/

希望有所帮助:)