limitando la produzione a due righe di testo è possibile con i CSS, se si imposta la line-height
e height
dell'elemento, e impostare overflow:hidden;
:
#someDiv {
line-height: 1.5em;
height: 3em; /* height is 2x line-height, so two lines will display */
overflow: hidden; /* prevents extra lines from being visible */
}
--- jsFiddle DEMO ---
In alternativa, è possibile utilizzare il CSS text-overflow
e white-space
corretto legami per aggiungere ellissi, ma questo sembra funzionare solo per una singola riga.
#someDiv {
line-height: 1.5em;
height: 3em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
e una demo:
--- jsFiddle DEMO ---
Il raggiungimento di entrambi i più righe di testo e di ellissi sembra essere il regno di javascript.
vedo solo una linea che attraversa per qualche motivo:/ – SearchForKnowledge
È questo é piú attuale? – rclai
Il secondo esempio non funziona in IE ... – Weggo