el‐form 減少佔用高度 - daniel-qa/Vue GitHub Wiki
- 1 . 調整 el-form-item 的垂直間距
.el-form-item {
margin-bottom: 24px;
}
<el-form-item style="margin-bottom: 8px;">
- 2 . el-form 本身不要有多餘 margin / padding
<el-form style="margin: 0; padding: 0;">
- 3 . 使用 body-style 精簡 內部 padding
<el-card :body-style="{ padding: '8px' }">
- 快速整合型
<el-form
:model="form"
label-position="left"
label-width="100px"
style="margin: 0; padding: 0;"
>
<el-form-item label="名稱" style="margin-bottom: 8px;">
<el-input size="small" />
</el-form-item>
</el-form>