IE9文本溢出：省略號;不使用文本對齊：中心;

IE9 text-overflow: ellipsis; problem with text-align: center; IE9文本溢出：省略號;不使用文本對齊：中心;

正如你所看到的第一.得到過去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/

來源

2013-04-30 user557108

你能提供一個可用的jsFiddle例子嗎？您提供的代碼不足以在任何瀏覽器中顯示省略號，因此這裏顯然會涉及一些額外的代碼。一個工作演示將幫助我們診斷問題。 – Spudley 2013-04-30 14:02:01

已添加jsFiddle示例。 – user557108 2013-04-30 14:17:31

謝謝你的小提琴。嗯..有趣的小故障。爲了完整性，我測試了它，它在IE8和IE10中完美工作，所以它只是IE9有問題。 – Spudley 2013-04-30 14:27:30

如果已設置word-wrap: bread-word，請將其更改爲word:wrap: normal。這個對我有用。

來源

2017-11-16 07:12:44 lynch

IE9文本溢出：省略號;不使用文本對齊：中心;

回答

相關問題