很棒的字体在标签内不起作用

Question

我有这个简单的代码。真棒字体无法正常工作。

<a data-bind="click: someAction, attr: {id: 'sample-'+ $index(), href: 'sample-'+ $index()}, text: name" class="list-group-item" data-toggle="collapse">
                    <span style="float: right"><i class="fa fa-plus"></i></span></a>

我安装了 font-awesome 的正确版本。如果我在 a 标签之外写 span 标签，我可以看到 plus 标志，但我希望文本和图标在同一行上。

Answer 1

如果没有现场示例，很难说清楚，但我猜它是由于浮动跨度而发生的。尝试将 span-tag 设置为 "display:block" 或 "display:inline-block"。删除 "float:right" 后是否有效？

Answer 2

当我把这个 Link 放在同一页上时，上面的代码工作正常，字体很棒

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Answer 3

我别无选择，只能更改代码：

<a data-bind="click: someAction, attr: {id: 'sample-'+ $index(), href: 'sample-'+ $index()}, text: name" class="list-group-item" data-toggle="collapse">
                    <span style="float: right"></span></a><i class="fa fa-plus"></i>

很棒的字体在标签内不起作用

font awesome not working inside a tag

html

css

twitter-bootstrap-3

font-awesome