element ui Dialog 中嵌套Form表单,间距太大如何解决
时间: 2023-11-22 14:53:50 浏览: 558
可以通过修改 CSS 样式来调整 Dialog 中 Form 表单的间距,以下是一个示例:
``` css
.el-dialog__body form {
margin-bottom: 0;
}
.el-form-item {
margin-bottom: 10px;
}
.el-form-item:last-child {
margin-bottom: 0;
}
```
将以上样式添加到你的样式表中,即可减小 Dialog 中 Form 表单的间距。其中,`.el-dialog__body form` 是针对 Dialog 中的 Form 表单的样式设置,`.el-form-item` 是针对表单项的样式设置,通过设置 `margin-bottom` 属性来调整间距大小。注意,最后一个表单项的间距需要特别处理,否则可能会出现不必要的间距。
阅读全文