Si dentro del contenedor de una página escribimos una palabra tan larga que sobrepasa el ancho de este contenedor, seguramente tendremos algo desprolijo, algo que no queremos. Es por eso que a veces vemos necesario cortar las palabras largas, a fin de que esto no suceda.

¿Modos de hacerlo? Muchos. Lo podemos hacer con PHP (con la función wordwrap), JavaScript, y de otras maneras. A continuación veremos una función de JavaScript que lo hace:

function wbr(str, num) {
return str.replace(RegExp("(\\w{" + num + "})(\\w)", "g"), function(all,text,char){
return text + "<wbr>" + char;
});
}

Como verán, debemos pasarle (además de la cadena o palabra en cuestión), el número de caracteres máximo que queremos que soporte. Si los caracteres de una cadena sobrepasa ese número, la función agregará un “<wbr>" (¿qué es?).

Hay otras alternativas (como hyphenator), pero creo que las dos nombradas en el artículo pueden ser las más flexibles y rápidas de implementar.

Vía: Anieto2k