el-button按钮设置靠右

可以通过设置 `float:right` 或 `text-align:right` 的方式将 `el-button` 按钮靠右对齐。例如：

<el-button style="float:right;">按钮</el-button>

或者

<div style="text-align:right;">
  <el-button>按钮</el-button>
</div>

相关问题

<el-form label-width="100px" class="demo-form-inline"> <el-form-item label="分类名称:"> <el-input placeholder="请输入分类名称"> </el-input> </el-form-item> <el-form-item label="排序:"> <el-input placeholder="请输入排序"> </el-input> </el-form-item> <el-form-item> <!-- 按钮靠右浮动,无间隔 --> <span style="float:right;white-space: nowrap"> <el-button>取消</el-button> <el-button type="primary">确定</el-button> <el-button style="background-color: black;color: rgb(253, 254, 255);">保存并继续添加</el-button> </span> </el-form-item> </el-form> </el-dialog>

这是一段 Vue.js 的代码，使用了 Element UI 组件库中的 el-form、el-form-item、el-input、el-button 和 el-dialog 组件。这段代码实现了一个表单弹窗，包含分类名称、排序两个输入框和三个按钮（取消、确定和保存并继续添加）。其中 el-form 通过设置 label-width 属性来设置标签的宽度。el-input 通过设置 placeholder 属性来设置输入框的提示信息。el-button 通过设置 type 属性来设置按钮类型，如默认按钮、主要按钮和危险按钮等。同时，通过设置 style 属性来修改按钮的样式。

<div class="main-content-first"> <el-button type="primary">上传</el-button> <el-button type="primary">保存</el-button> </div>

根据你提供的代码，这是一个包含两个按钮的div布局。要实现一个居中和一个靠右的效果，可以使用以下CSS样式：

.main-content-first {
  display: flex;
  justify-content: space-between;
}

.main-content-first > :first-child {
  margin-right: auto;
}

将上述CSS样式应用到你的代码中，即可实现第一个按钮居中，第二个按钮靠右的效果。记得在HTML中引入对应的CSS文件或将样式直接写入`<style>`标签中。