Bootstrap 按钮中独立 font-awesome 图标的高度

Question

我在 Bootstrap 按钮上设置了不同的高度，其中按钮仅包含Font Awesome 图标。

这是我的应用程序中的样子：

左边的按钮组高34px，右边的按钮组高28px。

但是，在使用 Bootply 等时，我没有看到同样的问题，例如： http: //www.bootply.com/BKDSnIXVQH。这里的图标高度相同。

所以我一定做错了什么，但我无法诊断！

在 Chrome 元素检查器中，左侧按钮文本的顶部和底部有一个间距，但fa右侧图标周围没有这样的间距。两个按钮的样式padding-相同，因此我不知道间距从何而来。line-height并且font-size都是一样的。

如果我向按钮添加一些文本，fa它们将返回到正确的高度。

鉴于我没有提供足够的可重现示例，我不希望有人回答这个问题，但我至少如何诊断问题是什么？

Answer 1

因为该类.fa有一个line-height: 1;而不是使用 bootstraps 1.41.... 对于特定情况，您可以使用类似的东西

.force-parent-lh {
  line-height: inherit !important;
}