Fatal编程技术网
  • html/
  • Html 字体不在标记内工作

Html 字体不在标记内工作

html css twitter-bootstrap-3

Html 字体不在标记内工作,html,css,twitter-bootstrap-3,font-awesome,Html,Css,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

我有这个简单的代码。字体“真棒”无法使用它

<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
标记之外，我可以看到
加号，但我希望文本和图标位于同一行。
如果没有一个实例，就有点难以判断，但我猜这是由于span浮动造成的。尝试将span标记设置为“显示：块”或“显示：内联块”。当你删除“float:right”时，它能工作吗？
当我把这个链接放在同一个页面上时，上面的代码可以很好地处理font awesome


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



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


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





控制台中是否有错误？控制台中没有错误。请尝试删除span标记，并在标记样式的float rightnope下添加…如果尝试添加
clearfix
类或
显示：内联块，则无效；溢出：隐藏到您的
a
标记。