这个现象非常奇怪，我有两台Windows的开发机。

其中一台开发机(A)上一直安装的微信开发者工具(RC版本)，遇到了这个问题后，升级到稳定版本。

另一台开发机(B)直接安装的最新版本的微信开发者工具（稳定版本）。

结果遇到了一个诡异的问题：

在开发机(A)上，无论如何设置，按钮的文字总是无法居中。

完全相同的设置，在开发机(B)上，却可以居中。

并且，该问题在微信开发者工具的模拟器上都是正常的，只有编译后预览、真机调试或者上传为体验版的时候，用手机才能看出这个问题。为了更清除的确认问题，我把button的padding/margin都设置为0，并分别用手机扫码两台设备的二维码，截图如下：

A机器上的效果                         B机器上的效果  

代码是完全相同的，微信开发者工具的版本也是完全相同的，手机也是同一部手机。

在两个开发者工具中上传预览代码，相同手机扫码后，出现了以上情况。

Button的css代码

是不是因为我需要在A机器上彻底清理一下微信开发者工具的环境？

我卸载后重装，依然没有解决问题。所以想请问一下大家有没有遇到过我类似的情况。

代码片段已上传。

https://developers.weixin.qq.com/s/bl5EOfmS7Hcp

我把button中的文字设置得比较大，button本身的margin/padding都设置为零。

注意，必须填写AppId才可以手机预览。

我的开发者工具版本为目前的最新稳定版 Stable v1.02.1907300。

现在我很慌，因为我两台Windows开发机预览这一段代码后，在手机上显示的都是如下效果。