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

Question

连字符中的Chrome，IE和Safari断行符，但Firefox不支持。

有没有什么办法让Firefox在其他浏览器的连字符处断行？

Answer 1

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

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

Answer 2

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

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

这会让Firefox自动换行，好像有一个空间，但它不会直观地显示该空间。

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