el-button css使用margin: 0 auto不居中

使用 margin: 0 auto 属性来实现居中需要元素设置以下条件：
1. 元素需要为块级元素，所以需要将 el-button 设置为 display: block;
2. 需要指定一个宽度，可以是具体像素值，也可以是百分比，例如 width: 200px;
3. 最后设置 margin: 0 auto; 即可实现水平居中效果。

例子如下：

<el-button class="centered-button">居中按钮</el-button>

.centered-button {
  display: block;
  width: 200px;
  margin: 0 auto;
}

这样设置后，可以使 el-button 元素在其父元素中水平居中显示。如果仍然没有居中，可能是父元素的宽度不够或设置了其他的样式规则造成的。此时需要进一步检查父元素的宽度和其他样式规则，确保其允许子元素居中显示。

相关问题

<style> .bottom { margin-top: 13px; line-height: 12px; display: flex; justify-content: space-between; align-items: center; } .button { padding: 0; min-height: auto; } .image { width: 100%; min-height: 290px; max-height: 290px; display: block; } .el-card{ border-radius: 15px; } .bookBox{ background-color: white; margin-top: 20px; border-radius: 0 0 10px 10px; }

这是一段使用 CSS 样式表定义的样式代码。其中，`.bottom` 表示一个底部区域的样式，具有一定的内边距、行高和弹性布局（flex），可以使其中的元素左对齐和右对齐，并且垂直方向上居中对齐。`.button` 表示按钮的样式，通过设置内边距为 0 和最小高度为自动，可以使按钮的高度根据内容自适应。`.image` 表示图片的样式，设置了图片的宽度为 100%，高度为最小高度 290px，最大高度 290px，并且将图片设置为块状元素（display: block），使其可以自动换行并且上下居中对齐。`.el-card` 表示卡片（Card）的样式，设置了卡片的圆角为 15px。`.bookBox` 表示一个书籍容器的样式，设置了其背景色为白色、上边距为 20px，并且将其下边角设置为圆角。这些样式可以应用于网页中的相应元素，使其具有统一的风格和布局。

<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>`标签中。