Bootstrap 4，带有图标的按钮，垂直对齐的PC vs Phone

Question

代码和框的复制（非常简单的代码）在这里：https://codesandbox.io/s/w76l88p8nk

问题：

在我的PC（Chrome 67.0.3396.99 x64 Windows 10）上，按钮如下所示：

https://user-images.githubusercontent.com/41120635/42765237-d61e2812-8917-11e8-87fd-ad120375e7bf.png

在我的手机（Chrome 67.0.3396.87，Android 8）上，按钮如下所示：

https://user-images.githubusercontent.com/41120635/42765364-272ef498-8918-11e8-865d-92b8bfe63ccb.png

我的手机很棒。这是很好的垂直对齐方式。

为什么PC上的相同代码对齐不同？

我不想使用像d-flex align-items-center这样的代码，因为它似乎夸大了我的意思。不是吗？

Answer 1

您可以重置line-height或使用line-height：0;按钮。