Css Bulma瓷砖不默认为水平

根据tiles（）上的Bulma文档，我希望下面生成两个水平行，每个行有两个图像。相反，它生成一行四个垂直图像，第一个和第二个、第三个和第四个图像彼此更接近

通过在

is parent

div上强制执行

display:flex

（实际上，这是我期望的类，而不是Bulma设置的

display:block

），我能够获得我想要的行为，但我的理解是，默认情况下，Bulma瓷砖应该水平布置。我错了，还是做错了什么

---

非常感谢。

这样做的正确方法是使用类

is祖先定义两个div

：

    <div class="tile is-ancestor">
        <div class="tile is-parent">
            <div class="tile is-child"><img src="{{ site.baseurl }}/res/img/image1.svg"></div>
            <div class="tile is-child"><img src="{{ site.baseurl }}/res/img/image2.svg"></div>
        </div>
    </div>
    <div class="tile is-ancestor">
        <div class="tile is-parent">
            <div class="tile is-child"><img src="{{ site.baseurl }}/res/img/image3.svg"></div>
            <div class="tile is-child"><img src="{{ site.baseurl }}/res/img/image4.svg"></div>
        </div>
    </div>

谢谢你的回答！我认为你是对的，这就是它的设计意图；但它仍然为我生成了两组垂直对齐的图像。至少现在这个解决方案已经足够好了！这正是它的作用。这不是你要的吗？不是；我在寻找两行水平排列的图像，每行两张；基本上是一个正方形。这将生成一个垂直的图像列（或者从技术上讲，两个垂直对齐的行堆叠在一起）。