Bootstrap按钮中独立字体超赞图标的高度

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;
}

Answer 2

请验证并更改fa按钮中的字体大小。