Come posso mostrare tre punti (...) in un testo come questo? come aggiungere tre punti al testo quando overflow in html?
5
A
risposta
16
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/
+1
Ma mostra solo una riga –
+0
Per favore. Controlla il mio aggiornamento. – rajesh
La parola chiave è necessario per cercare è "puntini di sospensione" – DJClayworth
http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/ – j08691