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的正确版本。如果我在span标记之外写a标记，我可以看到plus符号，但我希望文本和图标位于同一行。

Answer 1

如果没有实例，这有点难以辨别，但我的猜测是，它是由于浮动范围而发生的。尝试将span-tag设置为“display：block”或“display：inline-block”。删除“float：right”后它是否有效？

Answer 2

当我将此链接放在同一页面上时，上面的代码工作正常，字体很棒

<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>

字体真棒不在标签内工作

3 个答案: