I CSS3 hanno introdotto una proprietà del testo che ci permette di troncare il testo in modo elegante.
Questa tecnica prevede che il testo sia posto su un'unica riga e che il suo contenitore non abbia overflow:
.excerpt {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
La proprietà text-overflow
aggiungerà i puntini di sospensione alla fine della riga.