Firefox文本对齐中心不使用等宽字体

Question

由于某些原因，Firefox不能正确对齐等宽字体上的文本（但只有大字体大小）。在Mavericks上测试Firefox 32。

见JSFiddle here。有什么想法吗？

<div class="courier">The quick fox centered
</div>
<div class="arial">The quick fox centered
</div>

body {
        font-size: 100pt;
        text-align: center;
        text-transform: uppercase;
    }

div {
    width: 100%;
}

.arial {
    font-family: Arial
}
.courier {
       font-family: Courier;
}

Answer 1

由于每个div的呈现方式不同，因此您将获得不同的中心定位。如果您希望两个div都居中，请相应地将它们包装在div中并相应地更改样式。请检查此jsfiddle

#wrapper {
    width: 90%;
    margin:0px auto;
    text-align:center;
}

Answer 2

试试这个

text-align:-moz-center;