不适用 white-space: nowrap 是否能实现 text-overflow: ellipsis？

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 ...

- T. Stone

---

可能是此问题的重复：是否可以在不使用white-space：nowrap规则的情况下使用text-overflow：ellipsis？ - BoltClock

Answer 1

很遗憾，你所看到的行为对于 text-overflow:ellipsis 是正确的。

CSS仅支持在跨浏览器上进行连字符文本还不是现实，但你可以在这里找到一份可行的摘要：http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation

一些针对Firefox和Webkit浏览器的特定CSS是可用的：

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

关于连字号的问题

使用连字号需要注意语言差异，否则会产生困难。

也许像这个JS解决方案可以帮到您？ http://code.google.com/p/hyphenator/

- squarecandy