我有史以来第一次不得不使用 text-overflow: ellipsis
属性(使用 Bootstrap 和 Kendo 的 ASP.MVC 4 应用程序)。一切都按预期工作,除了当我在运行 IE11
的 Win 8.1
机器上查看页面时,长文本根本没有被截断,因此布局变得 splinter 的。问题是,当我在我的开发机器 (Win 7
) 上查看 IE11
(相同版本)上的同一页面时,它可以完美运行。它在 Chrome 和 Firefox 中也能正常工作。
我尝试设置和删除其他属性(white-space: nowrap
、overflow: hidden
、ms-text-overflow
、width, display: block
) 无济于事,没有任何改变这种差异。我在两台机器上测试了 Win 8 的行为,都显示了这一点。这是一个已知的错误? Win7/8 的 IE11 版本真的不同吗?如果不是,可能是什么原因造成的?与 Win8 唯一不同的是,Win 8 机器远程调用该站点,它在 Win 7 机器上本地运行。
最佳答案
要使用一个简单的示例,请尝试
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_js_text-overflow
在 Chrome 中,使用 text-overflow:ellipsis 使所有 4 行都以省略号结尾。
在 IE11(Windows8.1 下)中,只有第一行有省略号。
评论 text-overflow:ellipsis doesn't work on IE指出“注意:如果文本前面有 <br>
,IE11(可能低于此版本)将无法使用此内容!”
关于html - text-overflow : ellipsis working on IE11 Win7 but not IE11 Win8, 这是已知行为吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22617426/