当文本在 IE8 上的 Glyphicon 旁边时，省略号显示为 [][][] 未知 unicode答案

【问题标题】：Ellipsis showing as [][][] unknown unicode when text is beside Glyphicon on IE8当文本在 IE8 上的 Glyphicon 旁边时，省略号显示为 [][][] 未知 unicode
【发布时间】：2015-09-08 23:45:03
【问题描述】：

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

您好，我将文本溢出设置为省略号，但在 IE8 中呈现时出现以下内容：

[插入图标]姓名[][][]

没有字形图标它可以正常工作，但是当我有字形图标时会显示未知的 unicode。它也适用于所有其他浏览器。

关于如何解决这个问题的任何想法？

【问题讨论】：

标签： twitter-bootstrap-3 internet-explorer-8 glyphicons

【解决方案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 使用第一个孩子的字体来呈现省略号？（需要有人来验证）。

【讨论】：