Preventing Web Widows and Orphans

jqueryWorking for an agency with a traditional print background, our designers are often hung up on widows and orphans. With most designs these days having some form of responsive and/or fluid component, it’s hard not to have the occasional widow or orphans. While I’ve admittedly never spent much time trying to come up with a solution, a quick Google search tonight found this post from a few years back that uses a few lines of jQuery to basically insert a non-breaking space to prevent single words from dropping to their own line all by themselves.

It’s a great start, and the couple lines of jQuery have been added to my large, but still ever-growing list of text snippets in TextExpander.

Source: Web Dev Door –
Preventing Widows and Orphans in Websites

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.