今天当我使用element-ui中button组件时,需要自行改变组件宽高,这时发现了一个问题:
当改变的宽高不成一定比例或者偶数时,button中的文字并不居中,就像这样:
于是尝试了我之前写的一篇文章:React(三): 子盒子如何在父盒子中水平垂直居中
的几种方法,发现第一种和第七种方法不管用,第二种方法起效,其他不知,可自行实践,
示例代码如下:
::v-deep .el-button {
position: relative;
span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}