javascript - 有没有实现灵活网格视图的库？

Question

其实我不知道合适的词。我的意思是这种可视化在图像宽度和高度比例方面是灵活的。（http://www.eecs.mit.edu/people/faculty-advisors）

你们能帮我实现这个观点吗？我想展示一些这样的图像。

是否有一些库或示例代码？这是用 jQuery 实现的吗？

提前致谢。

Answer 1

有两种主要的攻击方式。一种是使用引导程序的响应式 css。请参阅此小提琴的演示：http: //jsfiddle.net/tylergreen/9v296/

<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<div class="container">
    <div class="row">
        <div id="grid" class="span9">
            &lt;div class="span3">
                <img class="img-polaroid" src="http://example.com/image1.jpg" alt=""/>
            </div>
            &lt;div class="span3">
                <img class="img-polaroid" src="http://example.com/image2.jpg" alt=""/>
            </div>
            etc...
         </div>
    </div>
</div>

另一种方法是使用像Masonry这样的 jQuery“动态网格”插件。