Viudas - Trucos CSS

Tabla de contenido

En términos de tipografía, una viuda es la última línea de un párrafo que se deja sola en una nueva página o en una nueva columna. La widowspropiedad en CSS controla el número mínimo de líneas de un párrafo que pueden caer en una nueva página. Esta propiedad solo afecta a medios paginados como print.

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

Si un párrafo no cabe en una página en su totalidad, se divide siempre que sea posible. De esa manera, pueden aparecer líneas individuales de un párrafo en la página antes de continuar en la página siguiente. Por lo general, esto 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. La orphanpropiedad actúa de manera similar. Puede darle un número positivo (donde 2 es el predeterminado) o inherit.

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

En resumen, específicamente en CSS:
  • 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 viudas.

Relacionado

  • huérfanos

Soporte del navegador

Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.

Escritorio

Cromo Firefox ES DECIR Borde Safari
25 No 8 12 7

Móvil / Tablet

Android Chrome Android Firefox Androide Safari de iOS
88 No 4.4 7.0-7.1

Articulos interesantes...