Html 垂直对齐向右拉不起作用

我已经创建了一个表，其中一些

被一些文本填充，之后我在使用中放置了一个图标。文本在中间是垂直对齐的，但是图标不是，而且我似乎不知道如何对齐它。我怀疑这是因为在

I类

中添加了“pull right”类，但肯定不能确定这一点

---

jsidle:

这里有一个常见的修复方法。我经常遇到图标字体的问题。我和你一样挑剔。图标字体倾向于从顶部偏移约-2倍。我通常只在大多数图标集的顶部添加几个像素。除非其他人有更好的解决方案（Bootstrap不会…只是因为它可以根据使用情况而变化）…但这对于有敏锐眼光的人来说是一个常见问题。；）

执行此操作可将其应用于所有图标：

[class*=" fa-"]{
    margin-top: 2px;
}

---

对于仍在关注此问题的人来说，问题在于.pull right类，它在元素上添加了一个float:right，并拧紧了行高度

若要修复，请更改目标元素的线高度以匹配其父元素。要在全球范围内做到这一点：

.fa.pull-right,
.fa.fa-pull-right,
[class*=" fa-"].pull-right,
[class*=" fa-"].fa-pull-right {
  line-height: inherit;
}

---

图标是

display:inline block

，是吗？@MikeBarwick是的，这没有任何作用。K。如果我们有一些代码可以使用，那就太好了……比如JSFIDLE或URL。@MikeBarwick我添加了一个JSFIDLE:）在chrome中看起来不错。