javascript - "neSTLing"CSS使各种高度和宽度的div占用尽可能少的空间

标签 javascript css layout tiling

您好,我正在尝试让一堆不同高度的 div float 到最佳位置,以尽可能少地共同占用空间。我试过使用内联 block 并将垂直对齐设置为顶部以及将所有内容 float 到左侧。 div 是雏鸟(有点),但不时会留下很大的差距。有没有一种方法可以使用 css(或必要时使用 javascript)将这些 div 组织在一起,就像没有间隙的瓷砖一样? (或尽可能小的差距)

谢谢

最佳答案

或者看一下Masonry的姐姐Isotope .除了 Masonry 之外,她还有许多其他技巧,例如排序和过滤元素等等。

关于javascript - "neSTLing"CSS使各种高度和宽度的div占用尽可能少的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12322996/

相关文章:

javascript - 将 Angular 模态数据传递给主 Controller

javascript - gridcomplete 函数始终运行?

javascript - 从特定 DOM 部分搜索数据

php - 宏伟的弹出图像太大

html - div 高度取决于剩余空间

javascript - 在折叠体内使用网格

css - 添加 CSS 动画会对 Chrome 中的图像渲染产生负面影响

html - 如何实现背景图片

Android 布局图像显示在表格行的错误位置

android - 您如何为多种 Android 屏幕尺寸制作布局?