使用 CSS 引导砌体类型布局（无限滚动）答案

【问题标题】：Bootstrap masonry type layout (with infinite scroll) with CSS使用 CSS 引导砌体类型布局（无限滚动）
【发布时间】：2016-03-06 08:47:25
【问题描述】：

我有一个基于这个 css 布局的页面：

我正在使用与该脚本完全相同的 html 和 css 来生成响应式新闻提要。

当在大屏幕上时，第一页加载如下：（我已按日期顺序从我的数据库中为每个请求选择了 9 个项目）：

项目 1 项目 4 项目 7

第 2 项第 5 项第 8 项

项目 3 项目 6 项目 9

我想做的是更改该页面上的 css 以显示以下项目：

项目 1 项目 2 项目 3

项目 4 项目 5 项目 6 等

所以我尝试从左到右而不是在列中进行。我在考虑 flex-box，但现在看不到它的工作原理 - 请问还有其他建议吗？

关键是：根据上面引用的脚本，从左到右以及不同高度的项目。

提前感谢您的任何指点

【问题讨论】：

【解决方案1】：

我得出的结论是，仅使用 CSS 是不可能的，因此我正在研究 isotope.js。如果所有 div 的高度都相同，这是可能的。

【讨论】：