Html 创建按钮，切换宽度不变的文本值

我尝试制作一个按钮，其文本在两个值之间切换，宽度不变。我不知道如何使按钮保持两个文本值中较长的宽度

例如，如果两个文本值是“xyz”和“x”，则按钮应为

[ xyz ]

或

---

宽度相同，文本居中。我不想在px或ems中给按钮一个固定值。

这里是您的JSFIDLE的更新，

---

检查

为什么不在按钮上添加固定宽度，如。。宽度：150px；这应该可以解决您的问题。@naimshaikh，我认为这不是一个好的解决方案，因为如果用户增加字体大小，它将停止工作。您好。谢谢，但我认为这不是一个好办法。请参见选项顺序颠倒的顺序。+20px是任意的。它不考虑字体大小。你可以很容易地处理字体大小；重新检查此项：；我认为20px可以处理默认的按钮填充

[  x  ]