我正在寻找一个 javascript 库（或我可以实现的算法）以在单个页面上放置多个任意大小的图像，并且剩余的空白很少。类似于 Google Plus 显示图像的方式[示例]。或者甚至更有趣（谷歌使它们的高度相同）
只要纵横比没有弄乱，并且看起来“适合”页面上的东西，可以稍微调整一下图像的缩放比例。
问问题
3545 次
1 回答
7
您可以使用流行的图书馆Masonary。
jQuery 的动态布局插件 CSS 浮动的另一面
这是一个代码示例...
$('#container').masonry({
itemSelector: '.box'
});
这是Github上的来源以及在 Shoptalk 播客上对David Desandro的采访。
提示：确保父容器具有 position:relative 以便所有内容都绑定到您的容器。
于 2012-07-11T15:30:34.867 回答