css - Firefox中的填充不同

Question

在我测试过的所有浏览器中，我的按钮如下所示：

除了在 Firefox 中它看起来像这样：

我已经将代码发布为 jsfiddle，我做错了什么？

Answer 1

在普通站点上，您应该始终包含重置以消除浏览器之间的这些小不一致。这是一个简单的：http: //meyerweb.com/eric/tools/css/reset/

（编辑：好的，你使用规范化，这也可以工作）

但是，在您的情况下，我还建议不要在顶部和底部使用填充，而是删除它们和您的高度，而是使用行高！这将使您的文本在任何地方都很好地居中。