Podział tekstu CSS w połączeniu z przepełnieniem tekstu

Question

Próbuję więc połączyć word-break z text-overflow, który działa w pewnym momencie, ale nie w jaki sposób powinien być.

Na przykład, mam skonfigurować ten Fiddle

CSS:

width: 200px; 
padding: 8px; 
border:1px solid blue; 
word-break: break-word; 
height: 100px; 
overflow: hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 

o wyjaśnienia, gdy tekst jest rozbita na części powinien pole wypełnienia i na końcu tekstu nie powinno być 3 kropki. Obecnie działa tylko jedna linia.

Answer 1

O ile mi wiadomo, nie jest to możliwe przy użyciu CSS.

Jedyne co można zrobić, to podać height i overflow:hidden. (Na końcu nie ma wielokropka).

Jest to określone w W3 spec for text-overflow.

elipsa
ciąg elipsa jest włożona w każdy granice pola, gdzie wystąpi nadmiar tekstu. Wartości tych ciągów wielokropka to określone przez właściwość "przepełnienie tekstu-elipsy". Wstawki nastąpić na granicy ostatniej pełnej reprezentacji glifów z linii tekstu
...
Innymi słowy, text-overflow-mode ma wpływ tylko na zawartość tekstową elementu blokowego które uczestniczą w własny przepływ w linii.

Do osiągnięcia tego celu potrzebny będzie JavaScript.

Oto przykład wtyczki jQuery: http://pvdspek.github.com/jquery.autoellipsis/