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

Question

我在Bootstrap按钮上的高度不同，按钮只包含 一个Font Awesome图标。

这是我的应用中的样子：

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

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

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

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

如果我在font-size按钮上添加一些文字，则会返回正确的高度。

鉴于我还没有提供足够的可重复的例子，我不希望任何人回答这个问题，但我怎么能至少诊断问题是什么？

Answer 1

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

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

Answer 2

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