elementPlus行内表单间距怎么设置
时间: 2024-03-16 11:41:31 浏览: 291
DreamWeaver怎么设置行内标签?
你可以使用 `size` 属性来设置 Element Plus 行内表单的间距。具体来说,你可以将 `size` 属性设置为 `'mini'`、`'small'`、`'medium'`、`'large'` 或者 `'huge'` 来调整间距的大小。例如:
```html
<el-form :inline="true" size="small">
<el-form-item label="用户名">
<el-input v-model="username"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input type="password" v-model="password"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary">登录</el-button>
</el-form-item>
</el-form>
```
在上面的代码中,我们将 `size` 属性设置为 `'small'`,从而使行内表单的间距变得更加紧凑。你可以根据实际需要调整 `size` 属性的值来达到不同的间距效果。
阅读全文