如何使el-form不占据页面一整行
时间: 2023-04-09 20:03:28 浏览: 1073
FORM 不换行的方法
5星 · 资源好评率100%
可以通过设置el-form的display属性为inline-block或者inline来实现不占据整行的效果。例如:
```
<el-form :inline="true">
<el-form-item label="姓名">
<el-input v-model="name"></el-input>
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="age"></el-input>
</el-form-item>
</el-form>
```
其中,设置了inline属性为true,使得el-form以行内元素的形式显示,不会占据整行。
阅读全文