Chrome、IE和Safari在连字符处换行，但Firefox没有。
有没有办法让Firefox像其他浏览器一样在连字符处换行？
不容易。尝试在每个连字符后面插入一个零宽度的空格（​）。例如：
a-​really-​long-​hyphenated-​phrase
这将使Firefox看起来像有一个空间，但它不会在视觉上显示这个空间。
如果您在服务器端处理输出，那么实现这一点会更容易。只需通过快速字符串替换运行连字符。
在连字符后插入<wbr>标记。这个标签在任何HTML规范中都没有出现（目前，它在HTML5草案中），但它在浏览器中已经工作了很长时间。
当连字符周围有足够多的字符时，Firefox会自动将连字符视为允许在其后面换行。但是，如果希望允许更广泛的换行，请使用<wbr>，例如pre-<wbr>war。