css - 跨浏览器分词

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 (v 7) 和 Firefox (v 27) 中导致(基于行的)单词中断。有什么想法吗？

Answer 1

换行符是由 word-wrap: break-word; 引起的。并且 break-word 不是 word-break 的有效值。对于无前缀的 word-break，您也应该使用 break-all。 Check out MDN for reference

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