css - 糟糕的垂直对齐方式与 fontawesome

Question

我正在渲染以下组件：

<a id="ember527" class="ember-view" href="#/billing"><i class="icon-euro icon-2x"></i>&nbsp;&nbsp;Billing</a>

它显示如下：

该图标与文本对齐，但我希望它垂直居中。这可能吗？

编辑：看看这个jsfiddle

Answer 1

只需将其添加到您的 css 文件中：

.icon-euro {
    vertical-align:middle;
}

Answer 2

您可以尝试通过将display: block;属性设置为图标和`float：left;。

如果出于其他需要，您还需要调整“计费”垂直对齐方式，您可以将其插入跨度并为其赋予相同的“显示：块；” 财产。

然后，玩上边距，然后就可以了；）

希望对你有帮助，祝你好运！