E 'possibile avere overflow di testo: puntini di sospensione senza spazi bianchi: nowrap?

Question

Sembra che text-overflow: ellipsis dipenda dallo white-space: nowrap. Il problema con questo è che limita il testo a una riga. Tuttavia, cosa succede se ho bisogno di avere 4 linee, e l'ellissi sull'ultima riga in caso di overflow?

quello che sta facendo attualmente ...

Lorem ipsum dolor sit amet ... 

Quello che voglio ...

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

Answer 1

Purtroppo il comportamento che state vedendo è corretto per text-overflow: ellipsis.

supporto cross-browser testo suddiviso in sillabe non è una realtà ma solo con i CSS, ma si può vedere una buona carrellata di ciò che è possibile qui: http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation

Alcuni CSS specifico del browser è disponibile per Firefox e browser WebKit :

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

Il grosso problema con la sillabazione è che ha bisogno di essere a conoscenza di lingua per funzionare correttamente, che è difficile.

Forse una soluzione JS come questa ti sarà d'aiuto? http://code.google.com/p/hyphenator/