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ì:
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?