文本溢出:省略号不能在IE浏览器(text-overflow:ellipsis doesn'

2019-07-19 04:04发布

在这个页面有在左侧栏的一些链接,获得与裁剪:

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

在Firefox / Chrome的它的正确显示:

不幸的是Internet Explorer的8/9/10 ...:

问题不在于IE 10支持文本溢出:省略号。例如这适用于IE 10呢! 这有什么错我的执行? 我也尝试添加-MS-文本溢出:省略号,没有任何的运气。

Answer 1:

卸下word-wrap: break-word属性应该有所帮助。



Answer 2:

width属性添加到您的CSS code..this将帮助..



Answer 3:

对于IE浏览器,你应该添加一些额外的code..like改变乌尔宽度property..or尝试使用jQuery的dotdotdot将plugin..that是一个替代的解决方案。像这样

http://dotdotdot.frebsite.nl

编辑:按照此链接

怪异模式textoverflow

它告诉你设置宽度:用于IE 100%..



文章来源: text-overflow:ellipsis doesn't work on IE