我第一次使用text-overflow: ellipsis
属性(使用Bootstrap和Kendo的ASP.MVC 4应用程序)。这一切都按预期工作,除非我在运行Win 8.1
的{{1}}机器上查看页面,其中长文本根本没有被切断,因此布局被破坏。问题是,当我在我的开发机器(IE11
)上查看IE11
(相同版本)上的同一页面时,它可以完美地运行。它在Chrome和Firefox中也可以正常使用。
我尝试设置和移除其他属性(Win 7
,white-space: nowrap
,overflow: hidden
,ms-text-overflow
)无济于事,没有任何改变这种差异。我在两台机器上测试了Win 8的行为,两者都展示了这一点。这是一个已知的错误? Win7 / 8的IE11版本真的不同吗?如果没有,可能导致这种情况?除Win8之外唯一不同的是Win 8机器远程调用该站点,它在Win 7机器上本地运行。
答案 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(可能在下面)将无效!”