vue elementui 怎样可以让文本框和按钮在同一行

你可以使用 `inline-block` 或者 `display: flex` 的 CSS 样式，让文本框和按钮在同一行显示。以下是两种方法的示例代码：

使用 inline-block：

<template>
  <div>
    <el-input class="input-box"></el-input>
    <el-button class="button-box">Button</el-button>
  </div>
</template>

<style>
.input-box, .button-box {
  display: inline-block;
  vertical-align: middle;
}
.input-box {
  width: 80%;
  margin-right: 10px;
}
.button-box {
  width: 20%;
}
</style>

使用 `display: flex`：

<template>
  <div class="container">
    <el-input class="input-box"></el-input>
    <el-button class="button-box">Button</el-button>
  </div>
</template>

<style>
.container {
  display: flex;
  align-items: center;
}
.input-box {
  margin-right: 10px;
  flex: 1;
}
.button-box {
  flex-shrink: 0;
}
</style>

以上代码中，我们把文本框和按钮都放在一个容器中，并使用 CSS 样式来控制它们的位置。你可以根据实际需求来调整 CSS 样式。