【实习笔记】：关于element-ui中button组件的思考（居中问题）

今天当我使用element-ui中button组件时，需要自行改变组件宽高，这时发现了一个问题：

当改变的宽高不成一定比例或者偶数时，button中的文字并不居中，就像这样：

 于是尝试了我之前写的一篇文章：React(三): 子盒子如何在父盒子中水平垂直居中

的几种方法，发现第一种和第七种方法不管用，第二种方法起效，其他不知，可自行实践，

示例代码如下：

::v-deep .el-button {
  position: relative;
  span {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%,-50%);
  }
}