在IE8中，当文本位于Glyphicon旁边时，省略号显示为[][][]未知unicode

Question

<a href="#" class="ellipsis tree-item no-borders" title="longnameeeeeeeeeeeeeeeeeeee">
    <span class="glyphicon glyphicon-folder-closed tree-icon"></span>
    longnameeeeeeeeeeeeeeeeeeee
</a>

嗨，我把文本溢出设置为省略号，但在IE8中渲染时，我得到了这样的东西:

(插入图标)名称[][][]

没有象形符号它工作得很好，但当我有象形符号时显示未知的unicode。它也可以在所有其他浏览器中正常工作。

对于如何解决这个问题有什么想法吗?

Answer 1

<a href="#" class="ellipsis tree-item no-borders" title="longnameeeeeeeeeeeeeeeeeeee">
longnameeeeeeeeeeeeeeeeeeee
    <span class="pull-left glyphicon glyphicon-folder-closed tree-icon"></span>   
</a>

我找到的解决方案是颠倒象形符号和文本的顺序，并使象形符号向左浮动。出于某种原因，IE8使用第一个子字体来呈现省略号?(需要有人来验证一下)