【发布时间】：2014-12-02 14:34:56
【问题描述】：
在跨浏览器对齐按钮文本时遇到问题。我梳理了类似的问题并尝试了这些建议但无济于事（显示：我的超链接的内联块，行高：1）。我的按钮在 Firefox 中有太多的空间（见主页滑块），虽然在 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;
}
【问题讨论】：
-
您需要在您的问题中发布您的代码。 HTML 和 CSS。
-
在按钮上设置 line-height 为 58px 并移除顶部和底部的填充。现在他们应该表现得一样了。
-
重置填充和边距并尝试相应地调整行高将帮助您解决问题！
-
你上次问这个问题时被宣布离题的原因是你没有提供一个简单的方法来重现这个问题。轻松重现！不同字体的行高各不相同，use this as a starting point 并让
@font-face工作以提供正确的字体。将其添加到链接中的问题中和作为代码的 sn-p，您可能会得到答案！
标签： css google-chrome firefox padding