elementplus封装组件放在同一行

如果您想在同一行中放置多个Element Plus组件，可以使用Flex布局。这里是一个例子：

<template>
  <div class="flex-container">
    <el-button>Button 1</el-button>
    <el-button>Button 2</el-button>
    <el-input placeholder="Input 1"></el-input>
    <el-input placeholder="Input 2"></el-input>
  </div>
</template>

<style>
.flex-container {
  display: flex;
  justify-content: space-between; /* 可根据需要调整对齐方式 */
}
</style>

在上面的示例中，我们将四个Element Plus组件包装在一个名为“flex-container”的div中，并将其显示设置为Flex。然后，我们使用“justify-content”属性将它们放在容器中的不同位置。在这种情况下，我们使用“space-between”将它们放置在容器的两端。您可以根据需要使用其他对齐方式，例如“flex-start”、“center”或“flex-end”。