come aggiungere tre punti al testo quando overflow in html?

Question

Come posso mostrare tre punti (...) in un testo come questo?

Answer 1

Aggiungi tutti questi. Per effettuare in una sola riga.

text-overflow: ellipsis; 
white-space: nowrap; 
overflow: hidden; 
width:100px; // some width 

Per fare in multi linea che effettivamente hai chiesto.

#content{ 
overflow: hidden; 
width:100px; 
display: -webkit-box; 
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical; 
} 

violino di lavoro: https://jsfiddle.net/mishrarajesh/676jc7sa/