css - Chrome 与 Firefox 中的填充问题

Question

在跨浏览器对齐我的按钮文本时遇到问题。我梳理了类似的问题并尝试了这些建议但无济于事(显示:我的超链接的内联 block ，行高:1)。我的按钮在 Firefox 中有太多的余量(请参阅主页 slider )，但在 Chrome 中看起来还不错。站点是:jdd.meteor.com

*我之前尝试提问时被告知这个问题“离题”。请让我知道如果这个问题不在主题范围内，我可以做些什么来保持它的活跃性，无论那是什么意思，这样我就可以进行更改。

谢谢!!

屏幕截图(先是 Chrome，然后是 Firefox):

#middle-section #slider .item .content hgroup a.call-to-action {
background: #820024;
color: white;
padding: 20px 30px;
letter-spacing: 0px;
font-size: 1.2em;
}
a {
color: #00aab5;
display: inline-block;
line-height: 1;
}

Answer 1

今天早上我遇到了同样的问题，你也需要定义一个高度，这对我来说解决了这个问题，它在 Chrome 中看起来很棒但没有高度它在 Firefox 中看起来很压扁。希望这会有所帮助。