css – 可以有文本溢出:省略号没有空格:nowrap?

看起来文本溢出:省略号依赖于空格:Nowrap.这样做的问题是它将文本限制为一行.但是,如果我需要有4行,在溢出的情况下最后一行的省略号呢?

它正在做什么…

Lorem ipsum dolor sit amet ...

我想要的是…

Lorem ipsum dolor sit amet,consectetur adipisicing el-
it,sed do eiusmod tempor  
incididunt ut labore et ...

解决方法

不幸的是,你看到的行为对于文本溢出是正确的:省略号.

跨浏览器对连字符文本的支持不仅仅是CSS,而且可以在这里看到一个很好的综述:
http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation

一些浏览器特定的CSS可用于Firefox和Webkit浏览器:

-webkit-hyphens: auto;
-webkit-hyphenate-character: '~';
-moz-hyphens: auto;

连字符的大问题是需要语言意识才能正常工作,这是棘手的.

也许这样的JS解决方案可以帮你吗?
http://code.google.com/p/hyphenator/

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效