一尘不染

如何使卡片列水平排列?

css

我有一张智能滚动的卡片清单,虽然我喜欢的外观card-columns,但令人沮丧的是它的排列顺序从上到下,如下所示: 1 4 7 2 5 8 3 6 9

对于内容加载量超过几个项目的任何事物,这种垂直排序似乎基本上没有用。如果我有50个项目,那么一些最不重要的项目将位于顶部!

我已经尝试过使用flexbox进行一些变体,但是什么也无法工作。有人可以横向订购吗?


阅读 378

收藏
2020-05-16

共1个答案

一尘不染

如所记录的,CSS列的顺序是从上到下,然后是从左到右,因此呈现的列的顺序是。

1  3  5
2  4  6

无法更改CSS列的顺序。建议您使用其他解决方案。

2020-05-16