Proprietà line-clamp
La proprietà left limita il testo al numero
specificato di righe. Al posto delle righe in eccesso nel testo
viene inserito dei puntini di sospensione.
Sintassi
selettore {
line-clamp: none | numero righe
}
Esempio
Limitiamo il nostro testo a due righe:
<p>
text text text text text text text text
text text text text text text text text
text text text text text text text text
text text text text text text text text
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
: