Foros del Web » Creando para Internet » Diseño web »

Evitar líneas viudas y huérfanas en CSS

Estas en el tema de Evitar líneas viudas y huérfanas en CSS en el foro de Diseño web en Foros del Web. Hola a tod@s ! Tengo un texto en la web maquetado a 3 columnas y justificado. Quisiera saber si existe alguna propiedad CSS para evitar ...
  #1 (permalink)  
Antiguo 12/04/2016, 03:04
 
Fecha de Ingreso: junio-2008
Mensajes: 54
Antigüedad: 16 años, 5 meses
Puntos: 0
Evitar líneas viudas y huérfanas en CSS

Hola a tod@s !
Tengo un texto en la web maquetado a 3 columnas y justificado. Quisiera saber si existe alguna propiedad CSS para evitar líneas viudas y huérfanas así como eliminar espacios entre párrafos al principio del texto...

Gracias

Un saludo
  #2 (permalink)  
Antiguo 12/04/2016, 08:09
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Evitar líneas viudas y huérfanas en CSS

Para los huerfános y viudas usas por ejemplo:

p {orphans: 3; widows: 3;}

Pero depende de qué estés usando para definir las columnas. En teoría debe funcionar para el column-count.

Para los márgenes simplemente:

p {margin: 0}


Tendrías que confirmar que el espacio no esté definido por algún padding, pero si no lo has definido tú, con el margin debe ser sufucuente.
  #3 (permalink)  
Antiguo 12/04/2016, 08:13
 
Fecha de Ingreso: junio-2008
Mensajes: 54
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: Evitar líneas viudas y huérfanas en CSS

El caso es que la propiedad "orphans" y "widows" no las reconoce.

Estoy utilizando "column-count" y "column-gap" para definir las columnas...
  #4 (permalink)  
Antiguo 12/04/2016, 09:18
 
Fecha de Ingreso: junio-2008
Mensajes: 54
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: Evitar líneas viudas y huérfanas en CSS

Según acabo de leer en algunos navegadores no surten efecto estas propiedades, por ejemplo Firefox que es el que utilizo. (Hablamos siempre de media='screen')

Etiquetas: css
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:19.