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

Question

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

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

Answer 1

在连字符后插入<wbr>标记。 此标记不存在于任何HTML规范中（但它在HTML5草稿中），但它在浏览器中已经工作了很长时间。

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

Answer 2

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

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

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

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