2011-04-18 7 views
17

In un sito sto lavorando sugli utenti possono aggiungere un'intestazione a una sezione di un semplice esempio page.A:Tagliare il testo in un div se supera la larghezza impostata?

M11-001 - loss of container and goods from Manchester 

Con alcune voci il contenuto può essere abbastanza in profondità. In realtà, almeno per la rubrica, questo contenuto non è sempre necessario. Le prime poche parole sarebbero sufficienti per distinguere tra i record.

Ho potuto semplicemente impostare overflow: nascosto al div e tagliato spietatamente di qualsiasi cosa al di fuori della larghezza impostata.

Preferirei aggiungere ... Alla fine. Mi piace così:

M11-001 - loss of container... 

Quindi tre stop completi sarebbero stati aggiunti dopo X larghezza o X caratteri.

Ciò è possibile con CSS o forse JavaScript?

+1

Intendi dopo X caratteri o X parole? Si potrebbe usare 'sottostringa' e concatenarlo con' '...' '. – pimvdb

risposta

32

Qualcosa di simile? http://www.quirksmode.org/css/textoverflow.html

Text-overflow

La dichiarazione di testo di overflow permette di affrontare con il testo troncato: quello a dire, il testo che non rientra nella sua scatola. Il valore di ellissi causa l'aggiunta di tre periodi al testo.

+1

assolutamente corretto! –

+2

Un vantaggio è che il testo copiato non include il '...', ma piuttosto il testo completo. – pimvdb

+0

Perfetto. Proprio quello di cui avevo bisogno (e anche semplice) grazie! – dannymcc

Problemi correlati