How to use automatic CSS hyphens with `word-break: break-all`?

Question

I\'m using word-break: break-all; and want to know how I can have the browser automatically insert the hyphens, as demonstrated in an MDN example.

Answer 1

Hyphens are inserted if the browser supports & language includes a hyphenation dictionary. But your

aaaaaaaaaaaaaaaaaa

isn't in a dictionary.

Therefore you have to insert soft hyphens ­ to your satisfaction like in https://jsfiddle.net/LJYj3/5/

Here's more food for thought: https://stackoverflow.com/a/856322/1696030