Huérfanos - Trucos CSS

Anonim

En términos de tipografía, un huérfano es la primera línea de un párrafo que se deja atrás en la página anterior mientras el párrafo continúa en la siguiente. La orphanpropiedad controla el número mínimo de líneas de un párrafo que se pueden dejar en la página anterior. Esta propiedad solo afecta a medios paginados como print.

@media print ( p ( orphans: 3; ) )

Por ejemplo, si un párrafo no cabe en una página en su totalidad, se divide siempre que sea posible. De esta forma, pueden aparecer líneas individuales de un párrafo en la página antes de continuar en la página siguiente. Esto generalmente no es deseado, por lo que muchos procesadores de texto requieren que se dejen al menos dos líneas en una página antigua, en lugar de una. Puede darle un número positivo (donde 2 es el predeterminado) o inherit.

Tenga en cuenta que la orphanpropiedad generalmente no afecta a los medios no paginados como screen. Sin embargo, los navegadores que admiten ambos orphansy columnstambién aplicarán la funcionalidad deseada a las columnas. Además, la propiedad solo afecta a elementos a nivel de bloque.

En resumen, en CSS específicamente:
widows= número mínimo de líneas en un párrafo dividido en la nueva página.
orphans= Número mínimo de líneas en una fracción de párrafo en la antigua página.
Las líneas rojas son huérfanos.

Relacionado

  • viudas

Soporte del navegador

Cromo Safari Firefox Ópera ES DECIR Androide iOS
25+ Ninguno Ninguno 9.2+ 8+ Ninguno Ninguno