css – 如何使卡片列水平排序?

前端之家收集整理的这篇文章主要介绍了css – 如何使卡片列水平排序?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个智能滚动的卡片列表,虽然我喜欢卡片列的外观,但它从上到下排序却非常令人沮丧,如下所示:

1 4 7
2 5 8
3 6 9

对于内容加载多个项目的任何内容,此垂直排序似乎基本无用.如果我有50个项目,一些最不重要的项目将位于顶部!

我尝试过使用flexBox的一些变体,但无法使用任何东西.有没有人有水平订购工作?

解决方法

作为 documented,CSS列的顺序是从上到下,然后从左到右,所以渲染列的顺序将是..
1  3  5
2  4  6

无法更改CSS列的顺序.建议您使用像砌体这样的其他解决方案. https://github.com/twbs/bootstrap/issues/17882

猜你在找的CSS相关文章