如何使用Bulma CSS使瓷砖包裹

我正在使用Bulma CSS框架和Rails应用程序。我有一个很长的项目列表，并想显示在瓷砖他们。但是，瓷砖会从屏幕上脱落，而不是缠绕到下一行

报告没有解决这个问题。由于我是从一个可变长度的列表中动态创建平铺的，所以在他们的文档中描述的显式嵌套并不容易，我宁愿将它干净地包装到下一行

下面是我的代码的基本外观：

<div class="tile is-ancestor">
  <div class="tile is-parent">
    <% @my_list.each do |item| %>
        <div class="tile is-child box">
          <p><%= item %></p>
        </div>
    <% end %>
  </div>
</div>

由于Bulma是基于flexbox的，我认为有一些等价物，但我还没有找到这个选项

---

---

更新：可以添加

样式

柔性包装：包装到父容器，但是否有Bulma集成类标志？
Bulma中当前似乎没有直接寻址的类标志

但是，由于Bulma基于flexbox，因此可以添加样式
flex wrap:wrap编码到父容器以实现所需的结果。
对于gridsystem，Bulma确实为此提供了一个类

如果将
is multiline
添加到
.columns
元素，它将自动换行。（在发动机罩下添加
flex-wrap:wrap；
）

资料来源：

（不确定这如何适用于平铺，但您可以始终将它们包装成列）
我刚刚偶然发现了这个问题，您将flex wrap应用于父容器的解决方案对我很有效。我认为你应该作出回答并接受它。我查看了文档，没有找到任何类标志。Hei@MForMarlon，感谢您查看更多内容并发表评论。好的，我能做到：）