小编Enr*_*ico的帖子

如何使用Bulma CSS制作瓷砖包装

我正在使用带有Rails应用程序的Bulma CSS框架.我有很长的项目列表,并希望在瓷砖中显示它们.然而,瓷砖从屏幕上移开而不是包裹到下一行.

布尔玛文件并没有解决这个问题.由于我是从可变长度列表中动态创建切片,因此在文档中描述的显式嵌套并不那么容易,我宁愿将其干净地包装到下一行.

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

<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>
Run Code Online (Sandbox Code Playgroud)

由于Bulma基于flexbox,我认为有一些相当于flex-wrap: wrap;,但我还没有找到这个选项.


更新:可以将其添加style flex-wrap: wrap;到父容器,但是是否有Bulma集成的类标志?

css flexbox bulma

17
推荐指数
1
解决办法
3318
查看次数

在 Chrome 上禁用 Javascript 的键盘快捷键?

我正在对页面进行一些测试,需要使用键盘快捷键快速禁用 JavaScript。

我的问题是该测试涉及 Chrome 屏幕上要求确认的弹出窗口,但如果我可以随意完全禁用 JavaScript,那么我就可以绕过这些测试页面上出现的弹出窗口。有人知道方法吗?即使是在全球范围内?

javascript google-chrome google-chrome-devtools

9
推荐指数
1
解决办法
7577
查看次数