Use um método CSS para forçar a quebra de uma sequência que não possui espaços em branco. Três métodos:
1) Use a propriedade de espaço em branco CSS. Para cobrir as inconsistências do navegador, você deve declará-lo de várias maneiras. Então, basta colocar sua string looooong em algum elemento de nível de bloco (por exemplo, div, pre, p) e fornecer a esse elemento o seguinte css:
some_block_level_tag {
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}
2) use a mixagem force-wrap da Compass .
3) Eu estava analisando isso também e acho que também pode funcionar (mas preciso testar o suporte ao navegador mais completamente):
.break-me {
word-wrap: break-word;
overflow-wrap: break-word;
}
Referência: conteúdo de embalagem