块

通过将内容部分捆绑在具有不同样式的块中来分隔它们。

用法

要应用此组件，只需将.uk-block类添加到容器元素。

示例

标记

<div class="uk-block">...</div>

修饰符

要应用不同的背景颜色和内边距，请添加以下类之一。如果两个连续的块具有相同的背景颜色，则内边距将自动分配。

注意 为了在彩色块上正确显示颜色、边框和其他元素，您可能需要应用对比度组件中的 .uk-contrast 类。

示例

标记

<div class="uk-block uk-block-primary">...</div>

内边距

要为您的块添加更大的内边距，只需添加 .uk-block-large 类。您还可以使用实用工具组件中的 .uk-padding-* 类之一来删除块的内边距。

示例

标记

<div class="uk-block uk-block-large">...</div>