Html 引导按钮中独立字体图标的高度

我对引导按钮有不同的高度，其中按钮只包含一个字体图标

以下是我的应用程序中的外观：

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

但是，当使用Bootply或类似的工具时，我看不到同样的问题，例如：。这里的图标高度相同

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

在Chrome element inspector中，左侧按钮文本的顶部和底部有一个间距，但右侧的

fa

图标周围没有这样的间距。两个按钮的

填充-

样式都是相同的，所以我不知道间距是从哪里来的<代码>行高和

字体大小

都是相同的

如果我向

fa

按钮添加一些文本，它们将返回到正确的高度

---

鉴于我没有提供足够的可复制示例，我不希望任何人回答这个问题，但我如何至少诊断出问题所在？

因为

.fa

类有一个

行高度：1而不是使用引导1.41。。。。对于特定的情况，您可以使用类似的方法

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

因为
.fa
类有一个
行高度：1而不是使用引导1.41。。。。对于特定的情况，您可以使用类似的方法

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

请验证并更改fa按钮中的字体大小。
请验证并更改fa按钮中的字体大小。
查看其中一个按钮是否有height属性。如果这是不同的。正如你所说，没有代码和相关的css很难说。您可以检查并查看每个对象的计算属性。然后跟踪设置不同高度的起始位置。对于任何元素都并没有显式设置高度。请查看其中是否有height属性。如果这是不同的。正如你所说，没有代码和相关的css很难说。您可以检查并查看每个对象的计算属性。然后追踪不同的高度是从哪里设置的。并没有为任何元素明确设置高度。
font size
在这两个元素中都是相同的。。。我误解了吗？您是否建议我在
fa
按钮中增加它？我不认为我应该这样做。是的。它的行高是正确的。我们将所有CSS属性都继承到文本中。因此，行高、字体属性对于获得相同高度的图标按钮非常重要。
font size
在这两个方面都是相同的。。。我误解了吗？您是否建议我在
fa
按钮中增加它？我不认为我应该这么做。是的。它的行高是正确的。我们将所有CSS属性都继承到文本中。所以，行高、字体属性对于获得相同高度的图标按钮非常重要。