javascript – text-overflow省略号没有“white-space:nowrap”?

前端之家收集整理的这篇文章主要介绍了javascript – text-overflow省略号没有“white-space:nowrap”?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Cross browsers mult-lines text overflow with ellipsis appended within a width&height fixed div?16
我想知道是否有任何聪明的方法,实现css省略号效果,而不需要应用白空间:nowrap.

换句话说,让我们说我们有一个高度的块元素,我们想让它填充文本内容,但是省略号应该在水平和垂直方向上没有更多的空间的时候应用.

快速示例:http://jsfiddle.net/fpv9n/2/

文本应该是这样的,但最后还有一个省略号.任何方式来实现使用CSS?我也会考虑JS解决方案.

解决方法

没有办法使用纯CSS.这是怪异和悲伤.当您希望浏览器在漏出容器时可能会溢出文本的多行文本“省略”,我经常希望自己.

猜你在找的JavaScript相关文章