el-button加了宽高后文字不居中

在使用Element UI库中的el-button组件时，如果给按钮添加了固定的宽度和高度，并且设置了内联文本，可能会导致文字不在中间对齐。这是因为默认情况下，el-button会根据内容自适应大小并保持文字居中。当你硬性设置宽高后，它可能会打破这种自动调整。

要解决这个问题，你可以尝试以下几种方法：

1. 使用`line-height`属性匹配设定的高度，确保行高与高度相等，使得文字垂直居中。

.el-button {
  width: your-width;
  height: your-height;
  line-height: your-height; /* 设置相同的值 */
}

2. 如果你需要按钮始终保持固定尺寸，可以将按钮包装在一个容器里，然后对容器应用居中的样式，而不是直接作用于按钮本身。

<div class="container">
  <el-button>你的文字</el-button>
</div>

<style>
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: your-width;
  height: your-height;
}
</style>