IE9 文本溢出：省略号；不使用 text-align: center;答案

【问题标题】：IE9 text-overflow: ellipsis; not working with text-align: center;IE9 文本溢出：省略号；不使用 text-align: center;
【发布时间】：2013-04-24 10:09:47
【问题描述】：

如您所见，第一个 . 超过了最后一个 6，并且仅在 IE9 上。

有什么解决方法吗？

注意：

<div class="truncate">666</div>

div { text-align: center; /* NOTE: The text should be on center. */ }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

http://jsfiddle.net/MvaGe/4/

【问题讨论】：

你能提供一个有效的 jsFiddle 例子吗？您提供的代码不足以在任何浏览器中显示省略号，因此这里显然涉及一些额外的代码。工作演示将帮助我们诊断问题。
jsFiddle 示例已添加。
感谢您的提琴。嗯..有趣的小故障。为了完整起见，我已经测试过了，它在 IE8 和 IE10 中都能完美运行，所以只有 IE9 有问题。
没问题，是的，只有 IE9，在 Firefox、Chrome、Opera 和 Safari 中完美运行。
目前在寻找解决方法方面没有任何进展。对不起。不过我可以报告一件事：如果文本都是小写的，问题就会消失（尝试在小提琴中添加text-transform:lowercase）。这很难解决，但它可能会为我们指明正确的方向。恐怕我现在没有时间继续玩它了，但我稍后会回来看看是否有更多进展。

标签： internet-explorer-9 text-alignment ellipsis css

【解决方案1】：

如果您设置了word-wrap: bread-word，请将其更改为word:wrap: normal。它对我有用。

【讨论】：