跳到主要内容

文档

Padding

一组工具类,用于在元素与其内容之间添加间距。

用法

要应用该组件,请为块级元素添加以下类之一。

类 描述
.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 移除元素的左右内边距。