CSS: troncare il testo con stile

CSS: troncare il testo con stile

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.

Torna su