将字体很棒的图标垂直对齐到底部

Question

我想我一定在这里错过了一些简单的东西。是否可以将字形内容/字形本身与父元素的底部对齐？

鉴于此示例，无论图标如何，如何将所有图标保留在底部？

这是一张图片，可以更好地说明我想要的内容：

显然，我可以line-height为每个图标设置不同的属性，但我想知道是否有更通用的方法来解决这个问题。或者，如果 font-awesome 附带了一些类似于固定宽度方法的帮助器类（通过使用fa-fw）。

Answer 1

我在 Font Awesome 中做了一些挖掘，看起来没有任何固定字形高度的解决方案。我要做的就是添加以下 CSS 并手动定位每个字形。

快乐编码！

.icon-elem {
  position: relative;
}
.fa-user {
  top: 7px;
}
.fa-cloud-upload {
  top: 15px;
}