内边距／Padding

用于在元素及其内容之间添加padding的实用class。

用法

将以下class之一添加到块元素内来使用它。

Class 描述
.uk-padding 添加默认padding
.uk-padding-small 添加较小的 padding
.uk-padding-large 添加较大的 padding 
<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>

移除 padding

有时候你可能需要从元素中移除padding，而不是添加。可以使用以下class之一。

Class 描述
.uk-padding-remove 移除所有padding。
.uk-padding-remove-top 只移除顶部的padding。
.uk-padding-remove-bottom 只移除底部的padding。
.uk-padding-remove-left 只移除左侧的padding。
.uk-padding-remove-right 只移除右侧的padding。
.uk-padding-remove-vertical 只移除顶部和底部的padding。
.uk-padding-remove-horizontal 只移除左侧和右侧的padding。

上一篇： Overlay

下一篇： Pagination

padding.md

# 内边距／Padding

<p class="uk-text-lead">用于在元素及其内容之间添加padding的实用class。</p>

## Usage-用法

将以下class之一添加到块元素内来使用它。

| Class               | 描述                          |
|:--------------------|:-------------------------------------|
| `.uk-padding`       | 添加默认padding |
| `.uk-padding-small` | 添加较小的 padding   |
| `.uk-padding-large` | 添加较大的 padding   |

```html
<div class="uk-padding"></div>
```

```example
<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>
```

***

## Remove padding-移除 padding

有时候你可能需要从元素中移除padding，而不是添加。可以使用以下class之一。

| Class                           | 描述                                     |
|:--------------------------------|:------------------------------------------------|
| `.uk-padding-remove`            | 移除所有padding。            |
| `.uk-padding-remove-top`        | 只移除顶部的padding。            |
| `.uk-padding-remove-bottom`     | 只移除底部的padding。         |
| `.uk-padding-remove-left`       | 只移除左侧的padding。           |
| `.uk-padding-remove-right`      | 只移除右侧的padding。          |
| `.uk-padding-remove-vertical`   | 只移除顶部和底部的padding。 |
| `.uk-padding-remove-horizontal` | 只移除左侧和右侧的padding。 |