如何在Firefox上启用连字符换行符

Question

Chrome，IE和Safari在连字符处断行，但Firefox没有。

有没有办法像其他浏览器一样在连字符上使用Firefox断行符？

Answer 1

不容易。尝试在每个连字符后插入零宽度空格（​）。例如：

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

这将使Firefox包装就像有空格一样，但它不会在视觉上显示该空间。

如果你有输出服务器端的东西，那么实现它会更容易。只需通过快速字符串替换运行连字符。

Answer 2

在连字符后插入<wbr>标记。任何HTML规范中都没有This tag（但它在HTML5草稿中），但它在浏览器中已经运行了很长时间。

当连字符周围有足够多的字符时，Firefox会自动将连字符视为允许后面的换行符。但是，如果您希望允许更广泛的换行符，请使用<wbr>，例如pre-<wbr>war。