html - FireFox 5 和 Chrome 之间的按钮样式

Question

您好，请看以下内容:http://jsfiddle.net/9kHEs/

在 FireFox 5 中查看，然后在 chrome 中查看。

在 Firefox 5 中，通知背面很好地居中。在 chrome 中，“back”这个词有点高。我尝试使用 line-height 居中，但没有效果。

CSS 有什么问题？为什么“后退”在两个浏览器中不是垂直居中？谢谢

Answer 1

如果不花更多时间玩它，我会冒险猜测它与亚像素舍入有关(我已经看到它与其他元素并试图将它们居中/对齐)，因为您的代码看起来不错.

基本上，12 像素高的字体无法在 22 像素高的 block 中完全居中。尝试将盒子设置为 24px 高，看看它有什么作用。如果还是不行，尝试将 line-height 设置为 24px(与按钮相同)，看看会得到什么。