字体真棒不在标签内工作

时间:2016-01-24 19:20:08

标签: html5 css3 twitter-bootstrap-3 font-awesome

我有这个简单的代码。字体真棒不起作用。

<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符号,但我希望文本和图标位于同一行。

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

我别无选择,只能更改代码:

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