el-form-item里el-input和el-button一行
时间: 2023-08-18 18:10:27 浏览: 982
您可以使用 Flex 布局来实现 `el-form-item` 中的 `el-input` 和 `el-button` 在同一行显示。下面是一个示例代码:
```html
<template>
<el-form>
<el-form-item>
<el-input></el-input>
<el-button>按钮</el-button>
</el-form-item>
</el-form>
</template>
<style>
.el-form-item {
display: flex;
align-items: center;
}
</style>
```
在上面的代码中,我们将 `el-form-item` 的样式设置为 `display: flex;`,这样它的子元素就会水平排列。然后,使用 `align-items: center;` 来使子元素在垂直方向上居中对齐。这样,`el-input` 和 `el-button` 就会在同一行显示了。
阅读全文