css - 如何使用 Bulma CSS 包裹瓷砖

Question

我在 Rails 应用程序中使用 Bulma CSS 框架。我有一长串元素，想以图 block 的形式显示它们。但是，图 block 会离开屏幕，而不是换行到下一行。

Bulma Documentation不解决这个问题。由于我是从可变长度列表动态创建图 block ，因此他们的文档中描述的显式嵌套并不那么容易，我宁愿让它干净地换行到下一行。

我的代码基本上是这样的:

<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 的，所以我认为有一些等同于 flex-wrap: wrap; 的东西, 但我找不到这个选项。

---

更新:可以将 style flex-wrap: wrap; 添加到父容器中，但是是否有 Bulma-集成类标志？

Answer 1

目前 Bulma 中似乎没有 class-flag 直接解决这个问题。

但是，由于 Bulma 基于 flexbox，因此可以将样式 flex-wrap: wrap; 添加到父容器以实现所需的结果。