Question

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

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

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

提前致谢。

Answer 1

有两种主要方法可以攻击它。一个是bootstrap的响应式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">
            <div class="span3">
                <img class="img-polaroid" src="http://example.com/image1.jpg" alt=""/>
            </div>
            <div class="span3">
                <img class="img-polaroid" src="http://example.com/image2.jpg" alt=""/>
            </div>
            etc...
         </div>
    </div>
</div>

另一种方法是使用jQuery“动态网格”插件，如Masonry。

是否有任何库可以实现灵活的网格视图？

1 个答案: