JavaScript para evitar viúvas [duplicado]
Esta pergunta já tem uma resposta aqui:
Controle de viúva / órfão com JavaScript? respostasUm problema comum ao trabalhar com tipografia em HTML / CSS é algo que chamamos de "horunge" em sueco ("viúv" em inglês)
O que é isso
Digamos que você tenha uma caixa com 200 pixels de largura e com o texto "Eu amo tipografia muito". Agora o texto quebra e se torna:
Eu amo tipografia muito
Muito d
Como designer, não quero uma palavra bastarda (palavra única / linha). Se este fosse um documento / PDF, etc. Eu quebraria a palavra muito antes e ficaria assim:
Eu amo tipografia
muitíssim
que parece muito melhor.
Posso resolver isso com uma regra CSS ou com um javascript? A regra deve ser nunca deixar uma palavra ficar vazia em uma linh
Sei que pode ser resolvido adicionando um<br />
mas não é uma solução que funcione com larguras dinâmicas, conteúdo de feed, traduções diferentes, problemas de renderização de fontes do navegador etc.
Update (solução) Resolvi meu problema com este plugin jquery:http: //matthewlein.com/widowfix