EthicSoft Informatica Troncare Testi Troppo Lunghi Css
Categoria:
Licenza:
I contenuti di questo articolo sono proprietà intellettuale dei relativi autori e protetti ai sensi dell'art. 1 della legge italiana sul diritto d'autore n. 633 del 22 aprile 1941.
La copia, parziale o integrale, è illegale escluso il caso di citazioni di lunghezza massima di un singolo paragrafo e il cui testo sia completamente incluso in un link a questa pagina.

Hai bisogno di troncare una riga di testo troppo lunga e non puoi farlo lato server? Ecco una soluzione CSS per troncare il testo troppo lungo, ad esempio puoi trasformare:

Testo troppo lungo che sborda fuori dall’elemento contenitore e vogliamo troncare col CSS!

troncando il codice e rendendolo così:

Testo troppo lungo che sborda fuori dall’elemento contenitore e vogliamo troncare col CSS!

 

basta aggiungere questo codice CSS, e poi aggiungere la classe “tronca” all’elemento:

.tronca {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;/*La larghezza è variabile, ad esempio puoi definirla in pixel o in alternativa usare display:block o max-width invece di width, per ottenere una larghezza differente*/
}

Semplice no?

Licenza:
I contenuti di questo articolo sono proprietà intellettuale dei relativi autori e protetti ai sensi dell'art. 1 della legge italiana sul diritto d'autore n. 633 del 22 aprile 1941.
La copia, parziale o integrale, è illegale escluso il caso di citazioni di lunghezza massima di un singolo paragrafo e il cui testo sia completamente incluso in un link a questa pagina.