跳至主要內容

文件

內距

一系列實用類別,用於在元素及其內容之間新增間距。

使用方式

若要套用此元件,請將下列其中一個類別新增至區塊元素。

類別 描述
.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 從元素移除左側和右側內距。