42 lines
736 B
Markdown
42 lines
736 B
Markdown
|
---
|
|||
|
|
title: Adjust the Padding of an Element
|
|||
|
|
localeTitle: 调整元素的填充
|
|||
|
|
---
|
|||
|
|
## 调整元素的填充
|
|||
|
|
|
|||
|
|
填充是元素的内容和边界之间的间距。
|
|||
|
|
|
|||
|
|
•顶部，底部，左侧和右侧之间有间距。
|
|||
|
|
|
|||
|
|
•的间距是由被写为像素单位增加或减少的数值`px` 。
|
|||
|
|
|
|||
|
|
要调整元素的填充，请使用：
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
padding: 10px;
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
要将Padding创建为特定Element的类，请使用：
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
.example-Padding {
|
|||
|
|
padding: 10px
|
|||
|
|
{
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
要将此类应用于适当的字段，请使用：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<div class="example-Padding">
|
|||
|
|
<p> Example Text </p>
|
|||
|
|
</div>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**要调整元素的填充** ，请使用：
|
|||
|
|
|
|||
|
|
填充： `10`像素;
|
|||
|
|
|
|||
|
|
现在将数值修改为所需的数量。
|
|||
|
|
|
|||
|
|
填充： `50`像素;
|