How to enable line break at hyphens on Firefox

Question

Chrome, IE, and Safari break lines at hyphens but Firefox doesn\'t.

Is there any way to make Firefox break lines at hyphens, like other browsers?

Answer 1

Not easily. Try inserting a zero-width space (​) after each hyphen. For example:

a-​really-​long-​hyphenated-​phrase

This will make Firefox wrap as if there's a space, but it won't visually display that space.

It's easier to implement this if you have something processing your output server-side. Just run hyphens through a quick string replace.