跳过到主要内容

文档

填充

一系列用于在元素及其内容之间添加间距的实用类。

用法

要应用此组件,请将以下类之一添加到块级元素中。

描述
.uk-padding 为元素添加默认填充。
.uk-padding-small 为元素添加小填充。
.uk-padding-large 为元素添加大填充。
<div class="uk-padding"></div>
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • <div class="uk-padding uk-background-muted uk-width-1-2@s">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </div>

移除填充

在某些情况下,您可能希望从元素中移除填充,而不是添加填充。为此,请应用以下类之一。

描述
.uk-padding-remove 从元素中移除所有填充。
.uk-padding-remove-top 从元素中移除顶部填充。
.uk-padding-remove-bottom 从元素中移除底部填充。
.uk-padding-remove-left 从元素中移除左侧填充。
.uk-padding-remove-right 从元素中移除右侧填充。
.uk-padding-remove-vertical 从元素中移除顶部和底部填充。
.uk-padding-remove-horizontal 从元素中移除左侧和右侧填充。