按钮文字间隔居中

两个文字居中

使用:first-letter

<style>
.button{
width:100px;
height:44px;
text-align:center;
line-height:44px;
}
.button:first-letter{
margin-right:20px;

}
<style>
<button class="button">按钮<button>

注 关于:first-letter,简单来说需求某元素第一行的第一个字符

多文字居中（通用解决方案）

使用letter-spacing

<style>
.button{
width:200px;
height:44px;
text-align:center;
line-height:44px;
letter-spacing:10px;
 text-indent:10px 
  
}
<style>
<button class="button">按钮按钮<button>

注 关于letter-spacing指的是字符距离右边的距离，也就是最后一个的字符也是与一段空白距离，此时会导致文字不再居中，所以需要把那块空白距离弥补上