相关疑难解决方法(0)

是否可以在两行而不是一行中显示 flexbox 项目?

我在这里想要完成的是,我想使用两行来显示不确定数量的项目。我将使用垂直滚动来显示溢出的项目。如果我使用下面的 css,那么它会在一行中显示项目。我想知道是否可以使用 2 行而不是 1 行,或者是否有任何技巧可以使用 flexbox 实现这一点?

.items-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
Run Code Online (Sandbox Code Playgroud)
<div class="items-list">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  .......
</div>
Run Code Online (Sandbox Code Playgroud)

我已经尝试了几个小时来寻找解决方案或答案,如果它甚至可以用 flexbox 做到这一点。任何帮助将不胜感激。

css flexbox

4
推荐指数
1
解决办法
839
查看次数

标签 统计

css ×1

flexbox ×1