Firefox 中的 HTML 按钮文本对齐方式

Question

使用这个 CSS:

button {
    font-size: 14px;
    height: 25px;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

我无法在 Firefox 中正确对齐某些文本。例如:

火狐 (38.0.5)

Chrome

[+] 按钮的水平对齐在 Firefox 中关闭，但在 Chrome 中没有？这是怎么回事，我该如何解决？

JSFiddle:http://jsfiddle.net/oge3tg3n/2/

Answer 1

如果将高度和宽度增加到 27px，则对齐方式将在 firefox 和 chrome 中居中。

button {
   font-size: 14px;
   height: 27px;
   width: 27px;
   text-align: center;
   vertical-align: middle;
   padding: 0;
   margin-left: auto;
   margin-right: auto;
}

在 firefox 38.0.5 中测试。