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

Is there any library to implement flexible grid view?

本文关键字：网格 视图 实现 任何库 是否      更新时间：2023-09-26

实际上我不知道合适的单词。我的意思是这种可视化，它可以灵活地调整图像的宽度和高度比例。(http://www.eecs.mit.edu/people/faculty-advisors)

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

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

提前谢谢。

有两种主要的攻击方法。一个是使用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>

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

相关文章：