把el-form中内部的多个el-form-item的上边距设置为10px
时间: 2023-12-14 09:44:39 浏览: 76
vue实现表单数据验证的实例代码
要将 `<el-form>` 内部多个 `<el-form-item>` 的上边距设置为 10px,你可以使用 CSS 来为这些 `<el-form-item>` 添加外边距(margin-top)。以下是一种方法:
```css
.el-form-item:not(:first-child) {
margin-top: 10px;
}
```
这段 CSS 代码使用 `:not(:first-child)` 选择器来选择除了第一个 `<el-form-item>` 元素之外的所有其他 `<el-form-item>` 元素,并为它们添加 10px 的上边距。
确保将这段 CSS 代码添加到你的样式表中,或者将其放置在 `<style>` 标签中,以便应用于整个页面。
这样,除了第一个 `<el-form-item>` 元素外,其余的 `<el-form-item>` 元素都会有 10px 的上边距。这样可以在表单中的多个表单项之间创建一定的垂直间距。
阅读全文