el-form-item和el-input怎么使他们同行
时间: 2023-11-07 09:13:08 浏览: 109
Vue中el-form标签中的自定义el-select下拉框标签功能
可以使用`inline-block`样式将它们放在同一行,如下所示:
```html
<template>
<el-form>
<el-form-item label="姓名" style="display: inline-block;">
<el-input v-model="name"></el-input>
</el-form-item>
<el-form-item label="年龄" style="display: inline-block;">
<el-input v-model="age"></el-input>
</el-form-item>
</el-form>
</template>
```
在el-form-item标签中添加`style="display: inline-block;"`即可将其显示为内联块元素,从而与其他同样设置了该样式的元素处于同一行。
阅读全文