跨浏览器的单词中断

Question

我一直在尝试在流畅的布局中应用跨浏览器（现代浏览器）分词。到目前为止，我的尝试非常接近，但Firefox有一些问题需要解决，而且很难找到一个不影响其他浏览器的解决方法。基于http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/，我应用了这个，

  text-rendering: optimizelegibility;
  -ms-word-break:   break-all;
  word-break:       break-word;
  word-wrap:        break-word;
  -webkit-hyphens:  auto;
  -moz-hyphens:  auto;
  hyphens:  auto;

然而，这似乎导致（基于行）在Safari（第7版）以及Firefox（第27版）中的单词中断。有什么想法吗？

Answer 1

基于行的中断是由word-wrap: break-word;引起的。 break-word不是word-break的有效值。您应该使用break-all作为非前缀word-break。 Check out MDN for reference

至于连字符，-moz-应该支持它，但我从来没有让它工作......