Digamos que la ventana de mi navegador tiene 105 píxeles y muestro un bloque de texto donde cada línea de texto tiene 10 píxeles de altura; el navegador me mostrará 10 y 1/2 líneas en la ventana (es decir, la línea inferior se recortará verticalmente).Evite que el navegador HTML recorte texto y muestre 1/2 una línea de texto
¿Hay alguna manera de evitar este comportamiento y ver solo 10 líneas?
La razón por la que quiero hacer esto es que estoy usando un widget HTML (UIWebView) para representar un libro que se mostrará con un paradigma de cambio de página.
nota: Parece que las reglas de @page se supone que me ayudan a lograr esto, pero solo parecen aplicarse cuando se imprime en una impresora.
Puedo estar equivocado, pero ¿qué es lo que te impide simplemente envolviendo todo en un 'div', con una altura fija redondeada a la última línea, y dándole' overflow: hidden'? –
Puede usar JavaScript para obtener la altura de la ventana gráfica, luego calcular y establecer la altura de línea necesaria. No estoy al tanto de la solución que usa solo CSS. –
¿Puede hacer que la altura de línea sea más corta en CSS para que cada línea sea más corta? – markus