文本溢出:在IE11 Win7上工作的省略号但不是IE11 Win8,这是已知的行为吗?

时间:2014-03-24 18:15:16

标签: html css css3 twitter-bootstrap kendo-ui

我第一次使用text-overflow: ellipsis属性(使用Bootstrap和Kendo的ASP.MVC 4应用程序)。这一切都按预期工作,除非我在运行Win 8.1的{​​{1}}机器上查看页面,其中长文本根本没有被切断,因此布局被破坏。问题是,当我在我的开发机器(IE11)上查看IE11(相同版本)上的同一页面时,它可以完美地运行。它在Chrome和Firefox中也可以正常使用。

我尝试设置和移除其他属性(Win 7white-space: nowrapoverflow: hiddenms-text-overflow)无济于事,没有任何改变这种差异。我在两台机器上测试了Win 8的行为,两者都展示了这一点。这是一个已知的错误? Win7 / 8的IE11版本真的不同吗?如果没有,可能导致这种情况?除Win8之外唯一不同的是Win 8机器远程调用该站点,它在Win 7机器上本地运行。

1 个答案:

答案 0 :(得分:1)

要使用简单的样本,请尝试

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_js_text-overflow

在Chrome中,使用文本溢出:省略号会使所有4行以椭圆形结尾。

在IE11中(在Windows8.1下),只有第一行得到省略号。

text-overflow:ellipsis doesn't work on IE的评论指出“注意:如果文本前面有<br>,则IE11(可能在下面)将无效!”