This is particularly important for mobile sites so the links don’t break the layout. Here’s the CSS:
a.longLink{ /* required for windows 8 phone and ie10,11 */ -ms-word-break: break-all; word-break: break-all; display:inline-block; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
Tested on an iPod Touch 3rd gen, andriod, windows 8 phone, IE 10,11, and Safari, Chrome and Firefox on Mac.
Leave a Reply