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

Question

http://jsfiddle.net/9DDHq/是我尝试创建一个按钮，其文本在两个值之间切换，其宽度不会改变。我无法弄清楚如何使按钮保持与两个文本值中较长的一样宽。

例如，如果两个文本值是“xyz”和“x”，则按钮应该看起来像

[ xyz ]

或

[  x  ]

相同宽度，文本以两者为中心。我不想在px或ems中给出固定的按钮。

Answer 1

这里是你的jsfiddle的更新， 检查this