Tengo texto continuo agregado a un div , quiero mostrar solo las dos últimas líneas del texto en el div que tiene un ancho fijo. Podría dividir el texto grande en varias líneas y luego mostrar las dos últimas líneas en el div, pero estaba comprobando si hay alguna propiedad css lista para usar en div que pueda mostrar automáticamente solo las últimas dos líneas y ocultar el resto.
Ejemplo:
A printing press is a mechanical device for applying pressure to an inked surface resting upon a print medium (such as paper or cloth), thereby transferring the ink.solo mostrar:
upon a print medium (such as paper or cloth), thereby transferring the ink.Puedes probar como a continuación:
.box { width: 280px; line-height: 1.2em; height: 2.4em; /* twice the line-height */ overflow: hidden; display: flex; align-items: end; /* align at the end to see the last lines */ } .box p { margin: 0; } <div class="box"> <p> A printing press is a mechanical device for applying pressure to an inked surface resting upon a print medium (such as paper or cloth), thereby transferring the ink. </p> </div>