2013-08-10 9 views
5

Gli utenti possono immettere testo in una particolare forma di mio e voglio visualizzare quel testo in un formato tabella. Ma a volte gli utenti inseriscono davvero delle lunghe file senza spazi. Quindi il testo impone al tavolo di essere troppo ampio.Creazione di una lunga riga di caratteri racchiusi in HTML

Posso limitare l'elemento td per avere un max-width, ma il testo continua a scorrere su altre celle. Posso quindi impostare overflow: hidden e il testo viene semplicemente interrotto: enter image description here

Ma ho bisogno di essere in grado di leggere tutto. C'è un modo per racchiudere una lunga riga di testo in una tabella anche se il testo non ha spazi?

+1

È possibile utilizzare [ 'word-break: break- word; '] (http://www.w3.org/TR/css3-text/#word-break) – Adrift

+0

proprietà text-wrap css: http://www.w3schools.com/cssref/css3_pr_text-wrap.asp – Bnjmn

+0

@Bnjmn - 'text-wrap' non ha supporto browser! –

risposta

14

Prova ad aggiungere questo al vostro file CSS sull'elemento che la richiede:

word-wrap:break-word; 

Eccolo in azione:

Working example

+0

esattamente quello che stavo cercando! –

+0

@Dave cosa succede se voglio avvolgere lo spazio e qualche altro carattere speciale senza rompere la parola – Varun

+0

che è grandioso. Lavorato per me. –

Problemi correlati