JavaScript para evitar viudas [duplicado]
Esta pregunta ya tiene una respuesta aquí:
¿Control de viudas / huérfanos con JavaScript? 7 respuestasUn problema común cuando se trabaja con tipografía en HTML / CSS es algo que llamamos "horunge" en sueco ("viud" en inglés)
Lo que es
Digamos que tiene una caja con un ancho de 200 px y con el texto "Me encanta la tipografía". Ahora el texto se rompe y se convierte en:
Me encanta la tipografía muy
much
Como diseñador, no quiero una palabra bastarda (una sola palabra / fila). Si se tratara de un documento / PDF, etc., correría la voz antes y me vería así:
Me encanta la tipografía
much
que se ve mucho mejor.
¿Puedo resolver esto con una regla CSS o con javascript? La regla debe ser nunca dejar que una palabra permanezca vacía en una fila.
Sé que se puede resolver agregando un<br />
pero esa no es una solución que funcione con anchos dinámicos, contenido de fuentes, diferentes traducciones, problemas de representación de fuentes del navegador, etc.
Update (solución) Resolví mi problema con este complemento jquery:http: //matthewlein.com/widowfix