Block
Bulma 最基本的间隔 block
block 元素是一种简单的间隔（spacer）工具。它允许同级 HTML 元素之间具有一致的边距：
示例
HTML
<div class="block">
这段文字在一个 <strong>block</strong> 内。
</div>
<div class="block">
这段文字在 <strong>第二个 block</strong> 内。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
</div>
<div class="block">
这段文字在<strong>第三个 block</strong>内。此 block 没有下边距。
</div>
如您所见，首先前两个 block 都应用了 margin-bottom ，但是第三个没有。这是因为 Bulma 会在除了最后一个外的所有 block 上应用空白。这意味着您不管使用多少 block，空白之后出现在它们之间。
不使用 block，HTML 元素之间将不留空白：
示例
HTML
<div>
这段文字<em>没有</em>使用用 <strong>block</strong>。
</div>
<div>
这段文字<em>也不在</em>一个 <strong>block</strong> 内。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
</div>
<div>
这段文字还是<em>没有</em>在一个 <strong>block</strong> 内。
</div>
实际上，虽然您未必了解它，但您已经在用 block 了。其 CSS 属性已经 遍布 多个 Bulma 元素和组件之中：
breadcrumblevelmessagepaginationtabsboxcontentnotificationotherprogresstabletitle
这要感谢 @extend %block Sass 占位符功能。
这就是用于不用 block 显示比较：
不用 block
Error
用 block
Error
不管您用哪个 Bulma 元素和组件，也不用管其顺序如何，它们之间都会有一个统一的间隔。
如您所见，block 的 CSS 定义也很简单：它对除最后一个外的所有相邻元素应用了 margin-bottom 属性。
.block:not(:last-child) {
margin-bottom: 1.5rem;
}这阻止了最后一个相邻元素添加不必要的底部空白。
此页面为开放源码页面。
发现排版问题？或者表达模糊？
在 GitHub 改进该页内容
