一系列實用類別,用於在元素及其內容之間新增間距。
若要套用此元件,請將下列其中一個類別新增至區塊元素。
類別 | 描述 |
---|---|
.uk-padding |
將預設內距新增至元素。 |
.uk-padding-small |
將小內距新增至元素。 |
.uk-padding-large |
將大內距新增至元素。 |
<div class="uk-padding"></div>
<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 |
從元素移除左側和右側內距。 |