el-form-item中的button如何右对齐

您可以在 el-form-item 中的 button 上使用 align 属性，将其值设为 'right'，以实现将 button 右对齐。例如：

<el-form-item>
<el-button type="primary" align="right">提交</el-button>
</el-form-item>

相关问题

el-form-item里el-input和el-button一行

您可以使用 Flex 布局来实现 `el-form-item` 中的 `el-input` 和 `el-button` 在同一行显示。下面是一个示例代码：

<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` 就会在同一行显示了。

el-form-item 靠右

要让 el-form-item 靠右，可以使用 CSS 中的 text-align 属性来实现。例如：

<el-form>
  <el-form-item label="姓名" label-width="80px">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="年龄" label-width="80px">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="性别" label-width="80px">
    <el-radio-group>
      <el-radio label="男"></el-radio>
      <el-radio label="女"></el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item>
    <el-button type="primary">提交</el-button>
    <el-button>重置</el-button>
  </el-form-item>
</el-form>

可以在 el-form-item 上设置 style 属性，将 text-align 设置为 right，实现靠右对齐：

<el-form>
  <el-form-item label="姓名" label-width="80px" style="text-align: right">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="年龄" label-width="80px" style="text-align: right">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="性别" label-width="80px" style="text-align: right">
    <el-radio-group>
      <el-radio label="男"></el-radio>
      <el-radio label="女"></el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item style="text-align: right">
    <el-button type="primary">提交</el-button>
    <el-button>重置</el-button>
  </el-form-item>
</el-form>

这样就可以将 el-form-item 靠右对齐了。