我有一个基于此CSS布局的页面:
http://www.bootply.com/jWoHaY7efR
我使用完全相同的html& css就像那个代表新闻提要的脚本一样。
在大屏幕上,第一页加载如下:(我按照日期顺序从我的数据库中选择了9个项目):
第1项第4项第7项
第2项第5项第8项
项目3项目6项目9
我'要做的就是更改该页面上的css以显示如下项目:
第1项第2项第3项
项目4项目5项目6等
所以我试图从左到右而不是在列中进行。我在考虑使用flex-box但是现在还不能看到 - 还有其他任何建议吗?
关键的事情是:按照上面引用的脚本从左到右和不同的高度项目。
提前感谢任何指针
答案 0 :(得分:1)
我得出的结论是单独使用CSS是不可能的,所以我正在调查isotope.js。如果所有的div都是相同的高度,那么它就是可能的。