是否有可能出现文本溢出:没有空格的省略号:nowrap？

Question

这似乎text-overflow: ellipsis取决于white-space: nowrap.这个问题是它将文本限制为一行.但是,如果我需要有4行,并且在溢出的情况下最后一行的省略号怎么办？

它目前在做什么......

Lorem ipsum dolor sit amet ...

我想要的是...

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

Answer 1

不幸的是,您所看到的行为是正确的text-overflow: ellipsis.

仅使用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/