我正在使用带有 Rails 应用程序的 Bulma CSS 框架。我有一个很长的项目列表,并希望将它们显示在图块中。但是,瓷砖会从屏幕上消失,而不是换行到下一行。
Bulma 文档没有解决这个问题。由于我是从可变长度列表动态创建图块,因此在他们的文档中描述的显式嵌套并不是那么容易,我宁愿让它干净地换行到下一行。
这是我的代码基本上看起来的样子:
<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 集成的类标志?