当前位置: 首页 > 面试题库 >

如何使卡片列水平排列?

澹台昆
2023-03-14
问题内容

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

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

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


问题答案:

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

1  3  5
2  4  6

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



 类似资料:
  • 问题内容: 我需要使图像在div中水平并排显示。我怎样才能做到这一点? HTML: 问题答案: 您也可以使用CSS属性 display:inline-block 或 float:left 实现此目的。 HTML代码 CSS代码 要么

  • 我需要使我的listView水平。我的列表代码(字符串列表):

  • 不应该横着吗?怎么变成梯形了?

  • 问题内容: 我有一个,当行太多时,会出现滚动条,但是当行太长时,该行会分成两行,而不是出现水平滚动条,如何使水平条出现而不是分成两行,我的添加如下: 问题答案: 正如我们自己的Rob Camick 在这里介绍的那样,您可以尝试使用类似… 这将停止行/自动换行

  • 我有5刷屏幕和我的代码只是停留在第三个屏幕我想水平滚动。

  • 列出存储在本地钱包中的所有业务网络卡片,或者如果指定了卡片,则显示该业务网络卡片的详细信息。 composer card list --name admin@tutorial-network 句法 Options: --help Show help [boolean] -v, --version Show version number [boolean] --n