跨瀏覽器的單詞中斷

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節）以及火狐（27節）。有任何想法嗎？

Answer 1

基於行的中斷是由word-wrap: break-word;造成的。並且break-word對於word-break不是有效值。您也應該使用break-all作爲未加前綴的word-break。 Check out MDN for reference

至於連字符，-moz-應該支持它，但我從來沒有得到它的工作...