Twitter bootstrap 带CSS的自举砌体类型布局(带无限卷轴)

Twitter bootstrap 带CSS的自举砌体类型布局(带无限卷轴),twitter-bootstrap,css,masonry,Twitter Bootstrap,Css,Masonry,我有一个基于css布局的页面: 我使用的html和css与用于repsonsive新闻提要的脚本完全相同 当在大屏幕上加载第一个页面时,如下所示:(我已按日期顺序从数据库中为每个请求选择了9项): 项目1项目4项目7 项目2项目5项目8 项目3项目6项目9 我想做的是更改该页面上的css以显示如下项目: 项目1项目2项目3 第4项第5项第6项等 所以我试着从左到右,而不是在列中。我在想flex box,但现在看不出它能起作用-还有其他建议吗 关键是:从左到右和不同高度的项目,按照上面提到的脚本

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

我使用的html和css与用于repsonsive新闻提要的脚本完全相同

当在大屏幕上加载第一个页面时,如下所示:(我已按日期顺序从数据库中为每个请求选择了9项):

项目1项目4项目7

项目2项目5项目8

项目3项目6项目9

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

项目1项目2项目3

第4项第5项第6项等

所以我试着从左到右,而不是在列中。我在想flex box,但现在看不出它能起作用-还有其他建议吗

关键是:从左到右和不同高度的项目,按照上面提到的脚本


提前感谢您的指点

我得出结论,单凭CSS是不可能做到这一点的,因此我正在研究同位素.js。如果所有的div都是相同的高度,这是可能的